Replace header padding style with bootstrap margin style

This makes it easier to customize without having to override css classes
projectblacklight · Jun 13, 2024 · 3590684 · 3590684
1 parent abb897e
commit 3590684
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
@@ -30,10 +30,7 @@
  --al-masthead-title-size: #{$h2-font-size};
 
  .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"><%= heading %></span>
+ <span class="h1 my-4"><%= heading %></span>
  </div>
 
  <nav class="navbar navbar-expand col-md-4 d-flex justify-content-md-end justify-content-center" aria-label="browse">