better indication and text for toggleable actions

2025-01-15 02:27:32 +02:00 · 2025-01-15 02:27:32 +02:00 · eafa378eb9
commit eafa378eb9
parent 692ee06477
6 changed files with 32 additions and 9 deletions
--- a/src/components/status_action_buttons/action_button.scss
+++ b/src/components/status_action_buttons/action_button.scss
@ -20,6 +20,18 @@
    padding: 0.5em;
  }

+  .separator {
+    width: 0.5em;
+
+    &::before {
+      content: "";
+      display: block;
+      width: 1px;
+      height: 1.5em;
+      background-color: var(--icon);
+    }
+  }
+
  .action-button-inner {
    display: grid;
    grid-gap: 1em;
@ -28,10 +40,6 @@
    grid-auto-columns: max-content;
    align-items: center;
  }
-
-  .extra-button {
-    border-left: 1px solid var(--icon);
-  }
 }

 .action-button {