From c914da24003bbc5ea1580fc6972185cb92f11d54 Mon Sep 17 00:00:00 2001
From: Clemente Raposo <clemente.raposo@salesagility.com>
Date: Thu, 5 Dec 2024 00:47:06 +0000
Subject: [PATCH] Update record container display for new UI

---
 .../components/record-content/record-content.component.html | 2 +-
 .../app/shell/src/themes/suite8/css/layout/_recordview.scss | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/core/app/core/src/lib/components/record-content/record-content.component.html b/core/app/core/src/lib/components/record-content/record-content.component.html
index 5be67c162..0344a811b 100644
--- a/core/app/core/src/lib/components/record-content/record-content.component.html
+++ b/core/app/core/src/lib/components/record-content/record-content.component.html
@@ -45,7 +45,7 @@
                 <ng-container *ngFor="let panel of panels; index as i;">
                     <ng-container *ngIf="(panel.display$ | async) as panelDisplay">
                         <li class="tab" [ngbNavItem]="i+1" *ngIf="!!panelDisplay">
-                            <a class="tab-link" ngbNavLink>{{panel.label}}</a>
+                            <a class="tab-link d-flex align-items-end" ngbNavLink>{{panel.label}}</a>
                             <ng-template ngbNavContent>
                                 <div class="tab-{{panel.key}}">
                                     <scrm-field-layout [dataSource]="getLayoutDataSource(panel)"></scrm-field-layout>
diff --git a/core/app/shell/src/themes/suite8/css/layout/_recordview.scss b/core/app/shell/src/themes/suite8/css/layout/_recordview.scss
index 85e2fd96b..d0cf80e92 100644
--- a/core/app/shell/src/themes/suite8/css/layout/_recordview.scss
+++ b/core/app/shell/src/themes/suite8/css/layout/_recordview.scss
@@ -59,10 +59,14 @@
   padding-right: 1.6em;
 }
 
+.record-widget-container {
+  padding-top: 0.2em;
+}
+
 @media all and (min-width: $breakpoint-large) {
   .record-view-hr-container {
     font-size: 0.85em;
-    padding: 0.4em 1.6em;
+    padding: 0.2em 1.6em 0.3em;
   }
 }