Wrap the rss and upload buttons in a div, with suitable padding for both vertical and horizontal tab layouts

This ensures it looks right when the tabs are collapsed vertically.
This commit is contained in:
Andy Allan 2021-06-16 17:08:26 +01:00
parent 81ad715474
commit a32854fa52

View file

@ -41,14 +41,16 @@
</li> </li>
<% end %> <% end %>
<li class="nav-item flex-sm-grow-1"><li> <li class="nav-item flex-sm-grow-1"></li>
<li class="nav-item pt-1"> <li class="nav-item">
<%= link_to({ :action => :georss, :display_name => @target_user&.display_name, :tag => params[:tag] }, { :class => "btn btn-secondary btn-sm px-1 py-0" }) do %> <div class="px-3 py-1">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" viewBox="0 0 16 16"> <%= 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" /> <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" />
</svg> </svg>
<% end -%> <% end -%>
<%= link_to t(".upload_trace"), new_trace_path, :class => "btn btn-secondary btn-sm px-1 py-0" %> <%= link_to t(".upload_trace"), new_trace_path, :class => "btn btn-secondary btn-sm" %>
</div>
</li> </li>
</ul> </ul>
<% end %> <% end %>