Replace header padding style with bootstrap margin style

This makes it easier to customize without having to override css classes
projectblacklight · Jun 13, 2024 · 5a82268 · 5a82268
1 parent da6230a
commit 5a82268
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 4 deletions.
diff --git a/app/assets/stylesheets/arclight/modules/mastheads.scss b/app/assets/stylesheets/arclight/modules/mastheads.scss
@@ -31,10 +31,7 @@
   --bs-nav-link-font-weight: 700;
 
   .h1 {
-    display: block;
     font-size: var(--al-masthead-title-size);
-    margin: 0;
-    padding: ($spacer * 1.5) ($spacer * 0.5);
   }
 
   .navbar-nav {

diff --git a/app/components/arclight/masthead_component.html.erb b/app/components/arclight/masthead_component.html.erb
@@ -2,7 +2,7 @@
   <div class="container">
     <div class="row align-items-center">
       <div class="col-md-8" >
-        <span class="h1 text-center text-md-start"><%= heading %></span>
+        <span class="h1 my-4 text-center text-md-start"><%= heading %></span>
       </div>
 
       <nav class="navbar navbar-expand col-md-4 d-flex justify-content-md-end justify-content-center" aria-label="browse">