From: Andy Allan <git@gravitystorm.co.uk>
Date: Wed, 20 Jul 2022 10:39:52 +0000 (+0100)
Subject: Bootstrap 5: Remove the padding from trace nav buttons on larger sizes
X-Git-Tag: live~2049^2~4
X-Git-Url: https://git.openstreetmap.org./rails.git/commitdiff_plain/9e6ecefdb2a53881c04e17a2f7d47d888c5b3d82?ds=sidebyside

Bootstrap 5: Remove the padding from trace nav buttons on larger sizes

If additional py is added when the tabs are laid out in full, then the
other tabs start to become detatched from the rest of the page and a
line appears under the active tab.

We don't need the padding in the horizontal layout, so remove it, and
tweak the size of the padding when collapsed.
---

diff --git a/app/views/traces/index.html.erb b/app/views/traces/index.html.erb
index 693de7e1a..77cd600a4 100644
--- a/app/views/traces/index.html.erb
+++ b/app/views/traces/index.html.erb
@@ -43,7 +43,7 @@
 
     <li class="nav-item flex-sm-grow-1"></li>
     <li class="nav-item">
-      <div class="px-3 py-1">
+      <div class="px-3 py-2 py-sm-0">
         <%= link_to({ :action => :georss, :display_name => @target_user&.display_name, :tag => params[:tag] }, { :class => "btn btn-secondary btn-sm" }) do %>
           <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="white" viewBox="0 0 16 16">
             <path d="M5.5 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-3-8.5a1 1 0 0 1 1-1c5.523 0 10 4.477 10 10a1 1 0 1 1-2 0 8 8 0 0 0-8-8 1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1 6 6 0 0 1 6 6 1 1 0 1 1-2 0 4 4 0 0 0-4-4 1 1 0 0 1-1-1z" />