Show full restart labels on mobile and scroll btn-groups horizontally.

Remove icon-only restart buttons on webinar and conference pages; btn-group now carousels on narrow screens when actions overflow. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-04 03:20:07 +00:00
parent 4e4bed0df3
commit 152c0e6625
3 changed files with 35 additions and 37 deletions
@@ -819,9 +819,33 @@ html.qr-mobile-page body {

    .btn-group {
        display: flex;
-        flex-wrap: wrap;
+        flex-wrap: nowrap;
        align-items: center;
        gap: 0.5rem;
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+        scroll-snap-type: x mandatory;
+        scrollbar-width: none;
+        -ms-overflow-style: none;
+        padding-bottom: 0.125rem;
+    }
+
+    .btn-group::-webkit-scrollbar {
+        display: none;
+    }
+
+    .btn-group > * {
+        flex-shrink: 0;
+        scroll-snap-align: start;
+    }
+
+    @media (min-width: 640px) {
+        .btn-group {
+            flex-wrap: wrap;
+            overflow-x: visible;
+            scroll-snap-type: none;
+            padding-bottom: 0;
+        }
    }

    .btn-fab {