From: Andy Allan <git@gravitystorm.co.uk>
Date: Wed, 20 Jul 2022 17:43:45 +0000 (+0100)
Subject: Bootstrap 5: Use symmetrical padding in toggled dropdown
X-Git-Tag: live~1162^2~3
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/721044ad01cb024196b7d0bf87f6fe4b76a3f9b1

Bootstrap 5: Use symmetrical padding in toggled dropdown

Required since pl-* classes have been removed, but also works fine
without bringing start/end considerations into play.
---

diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
index 55898ae7d..e33d762d7 100644
--- a/app/views/layouts/_header.html.erb
+++ b/app/views/layouts/_header.html.erb
@@ -80,7 +80,7 @@
     </ul>
     <% if current_user && current_user.id %>
       <div class='d-inline-flex dropdown user-menu logged-in clearfix'>
-        <a class='dropdown-toggle btn btn-outline-secondary pl-2 py-1 flex-grow-1' data-bs-toggle='dropdown' href="#">
+        <a class='dropdown-toggle btn btn-outline-secondary px-2 py-1 flex-grow-1' data-bs-toggle='dropdown' href="#">
           <%= user_thumbnail_tiny(current_user, :width => 25, :height => 25, :class => "user_thumbnail_tiny rounded-1") %>
           <%= render :partial => "layouts/inbox" %>
           <span class="user-button">