← Commit history

demo: give .bar symmetric margin so the part picker is not flush against the cards above it

John Lauer ·811aa5f0e6 ·2mo ago ·parent 40e3cbd
1 file changed +4−1
web-control-demo.html+4−1
@@ -77,7 +77,10 @@   h1 { font-size: 20px; margin: 0 0 4px; }   .sub { font-size: 12px; color: #8b949e; margin-bottom: 18px; }   .sub code { color: #79c0ff; }-  .bar { display: flex; align-items: center; gap: 10px; background: #161b22; border: 1px solid #30363d; border-radius: 8px; padding: 10px 14px; margin-bottom: 18px; flex-wrap: wrap; }+  /* Symmetric margin: with margin-bottom only, a bar that FOLLOWS a cards grid+     (the part picker under "Notify me") sat flush against it and read as part of+     the same block. */+  .bar { display: flex; align-items: center; gap: 10px; background: #161b22; border: 1px solid #30363d; border-radius: 8px; padding: 10px 14px; margin: 18px 0; flex-wrap: wrap; }   .bar label { font-size: 12px; color: #8b949e; }   select { background: #0d1117; color: #e6edf3; border: 1px solid #30363d; border-radius: 6px; padding: 6px 8px; font-size: 13px; }   #dot { width: 11px; height: 11px; border-radius: 50%; background: #484f58; display: inline-block; }