Define btn-secondary to match btn-primary sizing and alignment.

Secondary actions were unstyled links beside pill buttons; add shared btn-group helper for form rows. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-29 21:59:14 +00:00
parent bc6bf0a07c
commit c5c2c02e47
5 changed files with 46 additions and 5 deletions
@@ -147,6 +147,45 @@ html.qr-mobile-page body {
        padding: 0.625rem 1.25rem;
    }

+    .btn-secondary {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 0.5rem;
+        border-radius: 9999px;
+        border: 1px solid rgb(226 232 240);
+        background-color: #fff;
+        padding: 0.5rem 1rem;
+        font-size: 0.875rem;
+        line-height: 1.25rem;
+        font-weight: 600;
+        color: rgb(51 65 85);
+        box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+        transition: background-color 0.15s ease, border-color 0.15s ease;
+    }
+
+    .btn-secondary:hover {
+        background-color: rgb(248 250 252);
+        border-color: rgb(203 213 225);
+    }
+
+    .btn-secondary:disabled {
+        opacity: 0.6;
+        pointer-events: none;
+    }
+
+    .btn-group {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 0.5rem;
+    }
+
+    .btn-group > form {
+        display: inline-flex;
+        margin: 0;
+    }
+
    .btn-fab {
        display: inline-flex;
        height: 2.75rem;