TomLii Claude Sonnet 4.6 commited on
Commit
20cc82e
·
1 Parent(s): 0dbb238

Match Memory Strategy dropdown height to the Model textbox

Browse files

Reason: the dropdown was rendering with tiny 2px padding so it looked
noticeably smaller than the neighbouring Model textbox. Give the dropdown
the same 44px min-height and 14px horizontal padding that Gradio's
textbox uses by default.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Files changed (1) hide show
  1. app.py +18 -2
app.py CHANGED
@@ -523,18 +523,34 @@ gradio-app > div {
523
  border: 1px solid var(--q-line-strong) !important;
524
  border-radius: var(--q-radius-md) !important;
525
  box-shadow: none !important;
526
- padding: 2px 4px !important;
 
 
 
 
527
  }
528
  [class*="gradio-container"] [data-testid="dropdown"] > .wrap,
529
  [class*="gradio-container"] [data-testid="dropdown"] .secondary-wrap,
530
  [class*="gradio-container"] [data-testid="dropdown"] .wrap-inner,
531
- [class*="gradio-container"] [data-testid="dropdown"] input,
532
  [class*="gradio-container"] [data-testid="dropdown"] .input-container,
533
  [class*="gradio-container"] [class*="dropdown"] .wrap {
534
  background: transparent !important;
535
  border: none !important;
536
  box-shadow: none !important;
537
  border-radius: 10px !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
538
  }
539
  [class*="gradio-container"] .options ul,
540
  [class*="gradio-container"] .options {
 
523
  border: 1px solid var(--q-line-strong) !important;
524
  border-radius: var(--q-radius-md) !important;
525
  box-shadow: none !important;
526
+ padding: 0 !important;
527
+ min-height: 44px !important;
528
+ display: flex !important;
529
+ align-items: center !important;
530
+ width: 100% !important;
531
  }
532
  [class*="gradio-container"] [data-testid="dropdown"] > .wrap,
533
  [class*="gradio-container"] [data-testid="dropdown"] .secondary-wrap,
534
  [class*="gradio-container"] [data-testid="dropdown"] .wrap-inner,
 
535
  [class*="gradio-container"] [data-testid="dropdown"] .input-container,
536
  [class*="gradio-container"] [class*="dropdown"] .wrap {
537
  background: transparent !important;
538
  border: none !important;
539
  box-shadow: none !important;
540
  border-radius: 10px !important;
541
+ width: 100% !important;
542
+ min-height: 42px !important;
543
+ padding: 0 14px !important;
544
+ display: flex !important;
545
+ align-items: center !important;
546
+ }
547
+ [class*="gradio-container"] [data-testid="dropdown"] input {
548
+ background: transparent !important;
549
+ border: none !important;
550
+ box-shadow: none !important;
551
+ padding: 0 !important;
552
+ height: 42px !important;
553
+ font-size: 0.95rem !important;
554
  }
555
  [class*="gradio-container"] .options ul,
556
  [class*="gradio-container"] .options {