fix(admin): button icon visibility and text wrapping

- Add CSS for svg.sa-icon fill on all button variants
- white-space: nowrap + inline-flex + gap for icon buttons
- Quick Actions: d-grid → d-flex flex-wrap for horizontal layout
- btn-secondary → btn-dark for Settings button (icon visibility)

src/admin/views/layout.ejs

@@ -39,6 +39,42 @@
         .main-content td form + form {
             margin-left: 0.5rem;
         }
+        /* Button icon visibility */
+        .btn svg.sa-icon {
+            fill: currentColor;
+            flex-shrink: 0;
+        }
+        /* Ensure icons are visible on all button variants */
+        .btn-primary svg.sa-icon,
+        .btn-success svg.sa-icon,
+        .btn-info svg.sa-icon,
+        .btn-danger svg.sa-icon,
+        .btn-warning svg.sa-icon,
+        .btn-dark svg.sa-icon {
+            fill: #fff;
+        }
+        /* Icon on light buttons */
+        .btn-outline-primary svg.sa-icon,
+        .btn-outline-secondary svg.sa-icon,
+        .btn-outline-success svg.sa-icon,
+        .btn-outline-info svg.sa-icon,
+        .btn-outline-warning svg.sa-icon,
+        .btn-outline-danger svg.sa-icon,
+        .btn-secondary svg.sa-icon,
+        .btn-light svg.sa-icon {
+            fill: currentColor;
+        }
+        /* Prevent text wrapping in icon buttons */
+        .btn {
+            white-space: nowrap;
+        }
+        /* Better alignment for icon+text buttons */
+        a.btn, button.btn {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            gap: 0.4rem;
+        }
     </style>
 </head>