diff --git a/frontend/style.css b/frontend/style.css index d282bb2..4ecbcfd 100644 --- a/frontend/style.css +++ b/frontend/style.css @@ -224,7 +224,8 @@ header h1 { font-size: clamp(1.4rem, 2.5vw, 2rem); color: #7fdbca; margin: 0; } .identicon { display: inline-block; vertical-align: middle; flex-shrink: 0; border-radius: 2px; } /* Visibility selector */ -#visibility-row { display: flex; gap: 0.4rem; margin-top: 0.35rem; align-items: center; } +#visibility-row { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.35rem; align-items: center; max-width: 100%; } +#visibility-row select { max-width: 100%; } #visibility-select, #circle-select { background: #1a1a2e; border: 1px solid #444; border-radius: 3px; padding: 0.2rem 0.4rem; font-size: 0.75rem; font-family: inherit; -webkit-appearance: none; appearance: none; } #visibility-select:focus, #circle-select:focus { outline: none; border-color: #7fdbca; } #visibility-select option, #circle-select option { background: #fff; color: #000; }