polats commited on
Commit
48bdfa8
·
1 Parent(s): 8f28cd7

Chrome: left-align picker rows (Gradio was centering them)

Browse files
Files changed (1) hide show
  1. web/shell/spriteScene.css +2 -2
web/shell/spriteScene.css CHANGED
@@ -41,13 +41,13 @@
41
  /* `!important` defends the list against a host (Gradio's `.prose ul/li`) re-adding
42
  * bullets + vertical margins, which spread the rows out and broke the layout. */
43
  .movement-pack ul { list-style: none !important; margin: 0 0 6px !important; padding: 0 !important; }
44
- .movement-pack li { list-style: none !important; margin: 0 !important; padding: 0 !important; display: block !important; }
45
  .movement-pack li::marker { content: ""; }
46
  /* `!important` on colour/underline/padding defends against host link + list themes
47
  * (Gradio's `.prose a`) that recolour, underline, and re-pad these rows. */
48
  .movement-char {
49
  display: block; padding: 4px 10px !important; margin: 0 !important; border-radius: 0;
50
- color: var(--mv-ink) !important; text-decoration: none !important;
51
  font-family: var(--mv-sans); font-size: 13px; font-weight: 500; line-height: 1.35; cursor: pointer;
52
  }
53
  .movement-char:hover { background: var(--mv-paper); }
 
41
  /* `!important` defends the list against a host (Gradio's `.prose ul/li`) re-adding
42
  * bullets + vertical margins, which spread the rows out and broke the layout. */
43
  .movement-pack ul { list-style: none !important; margin: 0 0 6px !important; padding: 0 !important; }
44
+ .movement-pack li { list-style: none !important; margin: 0 !important; padding: 0 !important; display: block !important; text-align: left !important; }
45
  .movement-pack li::marker { content: ""; }
46
  /* `!important` on colour/underline/padding defends against host link + list themes
47
  * (Gradio's `.prose a`) that recolour, underline, and re-pad these rows. */
48
  .movement-char {
49
  display: block; padding: 4px 10px !important; margin: 0 !important; border-radius: 0;
50
+ color: var(--mv-ink) !important; text-decoration: none !important; text-align: left !important;
51
  font-family: var(--mv-sans); font-size: 13px; font-weight: 500; line-height: 1.35; cursor: pointer;
52
  }
53
  .movement-char:hover { background: var(--mv-paper); }