diff --git a/web/css/queue_style.css b/web/css/queue_style.css index 203a165..bc28f2d 100644 --- a/web/css/queue_style.css +++ b/web/css/queue_style.css @@ -1,4 +1,4 @@ -.pqueue-root{display:flex;flex-direction:column;gap:1rem;height:100%;color:var(--common-text,#e5e7eb);font-size:13px;line-height:1.4;padding:0 4px;overflow-anchor:none} +.pqueue-root{display:flex;flex-direction:column;gap:1rem;height:100%;color:var(--common-text,#e5e7eb);font-size:13px;line-height:1.4;padding:0 4px;overflow-anchor:none;overflow-x:hidden} .pqueue-root a{color:inherit} .pqueue-toolbar{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1rem;border-radius:12px;background:#1b1b1b;box-shadow:0 1px 2px rgba(0,0,0,.24)} .pqueue-toolbar__row{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap} @@ -35,7 +35,7 @@ .pqueue-icon--lg{font-size:1.35rem} .pqueue-icon--spin{animation:pqueue-spin 1s linear infinite} @keyframes pqueue-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}} -.pqueue-sections{display:flex;flex-direction:column;gap:1rem;overflow:auto;padding-bottom:1rem;overflow-anchor:none} +.pqueue-sections{display:flex;flex-direction:column;gap:1rem;overflow:auto;padding-bottom:1rem;overflow-anchor:none;overflow-x:hidden} .pqueue-card{background:#1a1a1a;backdrop-filter:blur(22px);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35);padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.75rem;border:1px solid rgba(82,82,91,.22)} .pqueue-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem} .pqueue-card__title-wrap{display:flex;align-items:center;gap:.6rem;color:var(--heading-text,#f9fafb)}