Correct spacings of buttons between each other.

opf · Aug 21, 2023 · f134a97 · f134a97
1 parent 7046f97
commit f134a97
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/frontend/src/app/spot/styles/sass/components/action-bar.sass b/frontend/src/app/spot/styles/sass/components/action-bar.sass
@@ -2,6 +2,7 @@
   display: grid
   grid-template-columns: 1fr
   background-color: $spot-color-basic-gray-6
+  padding: 0 $spot-spacing-1
 
   a.button
     text-decoration: none
@@ -19,7 +20,13 @@
     margin-top: -$spot-spacing-0_25
 
     > .spot-action-bar--action
-      margin: $spot-spacing-1 $spot-spacing-1 $spot-spacing-0-75 $spot-spacing-1
+      // We need to set the margins on the buttons itself because
+      // an empty action bar would take unnecessary space if we put the padding there.
+      // see #47994 and #49729
+      margin: $spot-spacing-1 $spot-spacing-1 $spot-spacing-0-75 0
+
+      &:last-of-type
+        margin-right: 0
 
   @media #{$spot-mq-action-bar-change}
     grid-template-columns: 1fr auto