@empoweredvote/ev-ui 0.9.5 → 0.9.7

package/dist/index.mjs

@@ -1065,15 +1065,23 @@ function Header({
       position: "relative"
     },
     mobileMenu: {
+      // Compact dropdown panel anchored under the hamburger (right edge), rather
+      // than a full-bleed left:0/right:0 bar across the whole viewport.
       display: mobileMenuOpen ? "flex" : "none",
       flexDirection: "column",
       position: "absolute",
       top: "100%",
-      left: 0,
-      right: 0,
+      right: spacing[3],
+      left: "auto",
+      width: "min(300px, calc(100vw - 24px))",
+      maxWidth: "calc(100vw - 24px)",
       backgroundColor: t.surface,
-      padding: spacing[4],
-      boxShadow: t.shadow
+      padding: spacing[3],
+      boxShadow: t.shadow,
+      borderRadius: borderRadius.lg,
+      border: `1px solid ${t.border}`,
+      marginTop: spacing[2],
+      zIndex: 100
     },
     mobileNavItem: {
       fontFamily: fonts.primary,
@@ -1967,8 +1975,15 @@ function PoliticianCard({
       overflow: "hidden",
       textOverflow: "ellipsis",
       display: "-webkit-box",
-      WebkitLineClamp: 2,
-      WebkitBoxOrient: "vertical"
+      // Wrap to 3 lines so a qualified title with a trailing parenthetical
+      // (e.g. "Clark County Commissioner (District A)") drops the parenthetical
+      // to its own line instead of truncating ("…(Distric…") — important when the
+      // compass overlay narrows the content column. 3 short lines still fit within
+      // the image-driven card height, so the tile does not grow.
+      WebkitLineClamp: 3,
+      WebkitBoxOrient: "vertical",
+      // Let a long unbroken segment wrap rather than overflow under the compass.
+      overflowWrap: "anywhere"
     },
     subtitle: {
       fontFamily: fonts.primary,