From c0f8a539ec2dbc440ec8d636755ccc4809a40525 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Mon, 1 Dec 2025 15:14:32 -0600
Subject: [PATCH] Better alignment for nav sections

---
 app/assets/stylesheets/popup.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/popup.css b/app/assets/stylesheets/popup.css
index 2045c5004..06add9439 100644
--- a/app/assets/stylesheets/popup.css
+++ b/app/assets/stylesheets/popup.css
@@ -65,6 +65,7 @@
       align-items: center;
       cursor: pointer;
       display: flex;
+      gap: 0.5ch;
     }
 
     &::-webkit-details-marker {
@@ -73,10 +74,8 @@
 
     .icon--caret-down {
       font-size: 1ch;
-      inset: 50% auto auto 0;
-      position: absolute;
+      margin-inline-start: -0.5ch;
       transition: rotate 150ms ease-out;
-      translate: -100% -50%;
     }
 
     .popup__section:not([open]) & {
@@ -95,6 +94,10 @@
     max-inline-size: 100%;
     padding: 0;
     row-gap: 1px;
+
+    details & {
+      margin-inline-start: 0.75ch;
+    }
   }
 
   .popup__item {