misc design improvements

web/src/components/events/eventContainer.module.scss

@@ -13,17 +13,24 @@
 
 .displayOptions {
   display: flex;
+  flex-wrap: wrap;
   gap: var(--spacing-xs);
   align-items: center;
   position: relative;
   z-index: 10;
   transition: background-color .5s ease;
 
+  >div {
+    display: flex;
+    gap: var(--spacing-xs);
+    align-items: center;
+  }
+
   button {
     margin-bottom: 0;
   }
 
-  button:last-child {
+  .filterButtons {
     margin: 0 0 0 auto;
   }
 
@@ -37,7 +44,7 @@
 }
 
 .calendarYearMonth {
-  margin-top: var(--spacing-sitepadding-block);
+  margin: var(--spacing-sitepadding-block) 0;
 
   h2 {
     font-size: var(--font-size-lead);
@@ -129,4 +136,12 @@
   .eventList {
     grid-template-columns: 1fr;
   }
+  .displayOptions {
+    .displayButtons {
+      width: 100%;
+    }
+    .filterButtons {
+      margin: 0;
+    }
+  }
 }