feat: Implement header actions toolbar with improved button grouping and layout for enhanced user interaction

2025-08-12 22:53:49 +07:00
parent 10a86232fc
commit 64b9254174
2 changed files with 37 additions and 9 deletions
@@ -224,6 +224,25 @@
  cursor: pointer;
 }

+/* Header actions toolbar: single row, nice spacing, scroll on overflow */
+.header-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  padding-bottom: 2px; /* to avoid cutting off focus outline */
+}
+.header-actions .btn-group {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.header-actions .btn {
+  display: inline-flex;
+  align-items: center;
+}
+
 /* Custom responsive adjustments */
@media (max-width: 992px) {
  .page-wrapper {