feat: improve grocery list interactions

frontend/src/styles/pages/GroceryList.css

@@ -26,6 +26,20 @@
   font-weight: var(--font-weight-semibold);
 }
 
+.glist-container .store-tabs {
+  margin-bottom: var(--spacing-sm);
+}
+
+.glist-container .store-tabs-container {
+  align-items: stretch;
+  gap: var(--spacing-xs);
+}
+
+.glist-container .store-selector-trigger,
+.glist-container .store-map-button {
+  min-height: 40px;
+}
+
 .glist-section-title {
   text-align: center;
   font-size: var(--font-size-xl);
@@ -694,6 +708,15 @@
     min-height: 44px;
   }
 
+  .glist-container .store-tabs-container {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  }
+
+  .glist-container .store-map-button {
+    grid-column: 1 / -1;
+  }
+
   .glist-item-layout {
     min-height: 60px;
     gap: var(--spacing-xs);