From: Anton Khorev <tony29@yandex.ru>
Date: Sun, 7 Apr 2024 14:28:55 +0000 (+0300)
Subject: Add a page-wide bottom border to heading sections
X-Git-Tag: live~209^2
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/f3a9d2e9d61f3f596d559ac75d54c08bc60fc629

Add a page-wide bottom border to heading sections
---

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 95971c9f2..ba976ff2b 100644
--- 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 bd5c43f02..9e28c0771 100644
--- 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>