style: Fix record misalignment padding

ORCID · Mar 4, 2024 · a46a7f4 · a46a7f4
1 parent 2993724
commit a46a7f4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/app/record/components/record-header/record-header.component.html b/src/app/record/components/record-header/record-header.component.html
@@ -4,7 +4,7 @@
   color="accent"
 ></mat-progress-bar>
 <div class="record-header-wrapper" [ngClass]="{ mobile: !platform.columns12 }">
-  <div class="row container record-header no-padding">
+  <div class="row container record-header">
     <section [id]="'names'" role="region" [attr.aria-label]="regionNames">
       <div
         class="row names-wrapper"

diff --git a/src/app/record/components/record-header/record-header.component.scss b/src/app/record/components/record-header/record-header.component.scss
@@ -2,13 +2,14 @@
   display: flex;
   box-sizing: border-box;
   width: 100%;
-  padding: 32px 16px;
+  padding: 32px 0;
   margin-bottom: 32px;
   align-items: flex-start;
   word-break: break-all;
 
   .record-header {
     gap: 16px;
+    padding: 0 16px;
 
     h1,
     p {