Add a page-wide bottom border to heading sections

openstreetmap · Apr 7, 2024 · f3a9d2e · f3a9d2e
1 parent e7d82be
commit f3a9d2e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
@@ -1068,6 +1068,7 @@ div.secondary-actions {
 .bg-body-secondary .nav-tabs {
   --bs-border-color: var(--bs-secondary-border-subtle);
   --bs-secondary-bg: var(--bs-secondary-border-subtle);
+  margin-bottom: -1px;
 }
 
 @import 'browse';
diff --git a/app/views/layouts/_content.html.erb b/app/views/layouts/_content.html.erb
@@ -4,7 +4,7 @@
   <% else %>
     <%= render :partial => "layouts/flash", :locals => { :flash => flash } %>
     <% if content_for? :heading %>
-      <div class="content-heading bg-body-secondary">
+      <div class="content-heading bg-body-secondary border-bottom border-secondary-subtle">
         <div class="content-inner <%= yield :heading_class %>">
           <%= yield :heading %>
         </div>