Add a page-wide bottom border to heading sections

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 95971c9f2f96caa4f9c249b47c56d5f3b9bd51cb..ba976ff2b8996e352ae43ca2a8e1fa31a7433b4c 100644 (file)
--- 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
index bd5c43f02cefa346945742d830ab4cb21b885420..9e28c0771b867d49122a178f181aed49bbd962b3 100644 (file)
--- 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>