From 3551338a9efcf1eb65aa3eeb336f670793de164b Mon Sep 17 00:00:00 2001
From: cpojer <christoph.pojer@gmail.com>
Date: Mon, 28 Oct 2024 13:33:35 +0900
Subject: [PATCH] Show fewer overlay menu items on small mobile screens.

GitOrigin-RevId: 1d3b51e5cd1e8f78ef24d3f3f732db6e51b1174d
---
 hera/ui/ModeSelectButton.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/hera/ui/ModeSelectButton.tsx b/hera/ui/ModeSelectButton.tsx
index 7de84bf4..f9131eb0 100644
--- a/hera/ui/ModeSelectButton.tsx
+++ b/hera/ui/ModeSelectButton.tsx
@@ -133,9 +133,14 @@ const style = css`
   ${pixelBorder(undefined, 2)}
   clip-path: inset(-2px -2px -2px -2px);
   font-size: 1em;
-  height: 2.3em;
+  height: 2.1em;
   width: 250px;
 
+  ${Breakpoints.sm} {
+    height: 2.3em;
+    width: 250px;
+  }
+
   &:after {
     background: ${applyVar('highlight-color')};
     content: '';