diff --git a/static/style.css b/static/style.css index 85275098..22812b01 100644 --- a/static/style.css +++ b/static/style.css @@ -434,16 +434,17 @@ body { #playerList li { display: grid; grid-template-columns: 1fr auto auto auto auto auto; - grid-template-rows: auto auto auto auto auto; + grid-template-rows: auto auto auto auto auto auto; grid-template-areas: "name name name name name name" "vitals vitals vitals vitals vitals vitals" "kills totalkills kph kph kph kph" "rares kpr meta meta meta meta" - "onlinetime deaths tapers tapers tapers tapers"; - gap: 6px 12px; - margin: 6px 0; - padding: 10px 15px; + "onlinetime deaths tapers tapers tapers tapers" + "buttons buttons buttons buttons buttons buttons"; + gap: 4px 8px; + margin: 4px 0; + padding: 6px 10px; background: var(--card); border-left: 4px solid transparent; transition: none; @@ -469,10 +470,10 @@ body { /* pill styling */ #playerList li .stat { background: rgba(255,255,255,0.1); - padding: 4px 8px; - border-radius: 12px; + padding: 2px 6px; + border-radius: 10px; display: inline-block; - font-size: 0.75rem; + font-size: 0.7rem; white-space: nowrap; color: var(--text); } @@ -502,16 +503,20 @@ body { color: #fff; } -/* ---------- chat window styling ------------------------------- */ +/* ---------- player item buttons ------------------------------- */ +.chat-btn, .stats-btn, .inventory-btn, .char-btn, .radar-btn { + padding: 1px 5px; + border: 1px solid #666; + border-radius: 3px; + font-size: 0.65rem; + cursor: pointer; + white-space: nowrap; +} + .chat-btn, .stats-btn, .inventory-btn { - margin-top: 4px; - padding: 2px 6px; background: var(--accent); color: #111; - border: none; - border-radius: 3px; - font-size: 0.75rem; - cursor: pointer; + border-color: var(--accent); } /* Element pooling optimization containers */ @@ -520,9 +525,10 @@ body { } .buttons-container { + grid-area: buttons; display: flex; - gap: 4px; - margin-top: 4px; + gap: 3px; + flex-wrap: wrap; } .chat-window, .stats-window, .inventory-window, .character-window, .radar-window, .issues-window { @@ -2162,15 +2168,10 @@ table.ts-allegiance td:first-child { .char-btn { background: #000022; color: #af7a30; - border: 1px solid #af7a30; - padding: 2px 6px; - border-radius: 3px; - cursor: pointer; - font-size: 11px; + border-color: #af7a30; } .char-btn:hover { background: rgba(0, 100, 0, 0.4); - border-color: #af7a30; } @@ -2633,11 +2634,7 @@ table.ts-allegiance td:first-child { .radar-btn { background: #553388; color: #fff; - border: 1px solid #774499; - padding: 1px 6px; - cursor: pointer; - font-size: 0.7rem; - border-radius: 3px; + border-color: #774499; } .radar-btn:hover {