Merge pull request #318 from AMTuttle02/dev

AMTuttle02 · web-flow · commit bc40d19864b8 · 2026-02-11T20:57:49.000-05:00
Fix navbar dropdown size on mobile
diff --git a/react/src/products/products.css b/react/src/products/products.css
@@ -446,17 +446,17 @@
   .productFilterRow .customDropdownButton {
     font-size: 3.6vw;
     padding: 8px 10px;
-    min-width: 34vw;
+    min-width: 44vw;
   }
 
   /* mobile: slightly reduce filter label button, enlarge sort button */
   .productFilterRow .filterDropdowns .customDropdownButton {
     font-size: 3.0vw;
-    min-width: 30vw;
+    min-width: 40vw;
   }
   .productFilterRow .filterDropdowns.right .customDropdownButton {
     font-size: 3.0vw;
-    min-width: 30vw;
+    min-width: 40vw;
   }
 
   .customDropdownMenu {

Original file line number	Diff line number	Diff line change
`@@ -446,17 +446,17 @@`
`446`	`446`	`.productFilterRow .customDropdownButton {`
`447`	`447`	`font-size: 3.6vw;`
`448`	`448`	`padding: 8px 10px;`
`449`		`- min-width: 34vw;`
	`449`	`+ min-width: 44vw;`
`450`	`450`	`}`
`451`	`451`
`452`	`452`	`/* mobile: slightly reduce filter label button, enlarge sort button */`
`453`	`453`	`.productFilterRow .filterDropdowns .customDropdownButton {`
`454`	`454`	`font-size: 3.0vw;`
`455`		`- min-width: 30vw;`
	`455`	`+ min-width: 40vw;`
`456`	`456`	`}`
`457`	`457`	`.productFilterRow .filterDropdowns.right .customDropdownButton {`
`458`	`458`	`font-size: 3.0vw;`
`459`		`- min-width: 30vw;`
	`459`	`+ min-width: 40vw;`
`460`	`460`	`}`
`461`	`461`
`462`	`462`	`.customDropdownMenu {`