chore: change calendar header toolbar layout for small screens

ColdTrick · May 23, 2023 · 7e7855f · 7e7855f
1 parent b751668
commit 7e7855f
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/views/default/css/event_manager.css b/views/default/css/event_manager.css
@@ -50,6 +50,24 @@
 	}
 }
 
+@media screen and (max-width: 600px) {
+	#event-manager-event-calendar .fc-header-toolbar {
+		flex-wrap: wrap;
+
+		> .fc-toolbar-chunk {
+			&:nth-child(2) {
+				order: 1;
+				width: 100%;
+				text-align: center;
+			}
+
+			> :not(:first-child) {
+				margin-left: 0.25em;
+			}
+		}
+	}
+}
+
 .event-manager-view-registration-details {
 	display: flex;
 	flex-wrap: wrap;