From 446eae81624ccef00dc9fde932ba593fe8e21ad5 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Mon, 3 Nov 2025 18:26:31 +0200
Subject: [PATCH] record view: fix json and code view component width

---
 .../db-table-row-view/db-table-row-view.component.css        | 5 ++---
 .../db-table-row-view/db-table-row-view.component.html       | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.css
index aa75def10..3d8e26916 100644
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.css
+++ b/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.css
@@ -67,10 +67,9 @@
     }
 }
 
-.row-preview-sidebar__image {
+.row-preview-sidebar__value:has(app-json-editor-record-view),
+.row-preview-sidebar__value:has(app-code-record-view) {
     width: 100%;
-    margin-top: 8px;
-    margin-bottom: 16px;
 }
 
 .related-records-panel {
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.html
index 70315a4b7..f88494d7e 100644
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.html
+++ b/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.html
@@ -82,7 +82,7 @@ <h2 class="mat-heading-2 row-preview-sidebar__title">Preview</h2>
     <ng-container *ngIf="selectedRow && selectedRow.record; else loadingContent">
         <div *ngFor="let column of columns; let i = index" class="row-preview-sidebar__field">
             <strong>{{column.normalizedTitle}}</strong>
-            <div data-hj-suppress>
+            <div data-hj-suppress class="row-preview-sidebar__value">
                 <ng-container *ngIf="isForeignKey(column.title); else recordContent">
                     <app-foreign-key-record-view
                         [key]="i"