From 36e1682e64a1bad5afae29378d826f2d4b866998 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Tue, 19 May 2026 15:49:40 +0200
Subject: [PATCH] Use inline remove button alignment for activatable slider

---
 styleguide.css | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/styleguide.css b/styleguide.css
index 771bd67..ff63e43 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -952,11 +952,17 @@ section + section {
     }
 
     #component-slider .sg-slider-row[data-activatable="true"] {
-      padding-right: calc(var(--interaction-height) + (var(--spacing-small) * 2));
+      position: static;
+      padding-right: 0;
     }
 
     #component-slider .sg-slider-row[data-activatable="true"] .sg-activatable-remove {
-      right: var(--spacing-small);
+      position: static;
+      top: auto;
+      right: auto;
+      transform: none;
+      align-self: center;
+      margin-left: calc(var(--spacing-small) * 1.5);
     }
 
     .sg-slider-row--inactive-selectable {
@@ -1004,15 +1010,6 @@ section + section {
       #component-slider .sg-slider-row[data-activatable="true"] {
         padding-right: 0;
       }
-
-      #component-slider .sg-slider-row[data-activatable="true"] .sg-activatable-remove {
-        position: static;
-        top: auto;
-        right: auto;
-        transform: none;
-        align-self: center;
-        margin-left: calc(var(--spacing-small) * 1.5);
-      }
     }
 
     .sg-sandwich-button {