Merge pull request #1416 from rocket-admin/fix-code-editor-view

record view: fix json and code view component width

Author: lyubov-voloshko

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 {

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"