fix: use consistent width for jump to box

fspoettel · Jun 17, 2024 · be0c08c · be0c08c
1 parent ffbcae0
commit be0c08c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/components/card-list/card-list-nav.tsx b/src/components/card-list/card-list-nav.tsx
@@ -49,6 +49,7 @@ export function CardListNav({ data, metadata, onSelectGroup }: Props) {
       <output>{data?.cards.length ?? 0} cards</output>
       {data && (
         <Select
+          className={css["nav-jump"]}
           emptyLabel="Jump to..."
           onChange={onSelectGroup}
           options={jumpToOptions ?? []}

diff --git a/src/components/card-list/card-list.module.css b/src/components/card-list/card-list.module.css
@@ -18,6 +18,10 @@
   }
 }
 
+.nav-jump {
+  width: min(12rem, 33.333%);
+}
+
 .scroller {
   flex: 1 1 auto;
   border-top: 1px solid transparent;