diff --git a/index.html b/index.html index 8d665cc..5b81c53 100644 --- a/index.html +++ b/index.html @@ -13,19 +13,19 @@ position: fixed; bottom: 2vh; left: 2vh; - width: 260px; + width: 280px; background: rgba(28, 27, 31, 0.85); border: 1px solid rgba(230, 223, 209, 0.3); border-radius: 0.6vh; padding: 1vh 1vw; color: var(--bone); font-family: monospace; - font-size: 10px; + font-size: 12px; line-height: 1.4; z-index: 9999; } .debug-title { - font-size: 12px; + font-size: 14px; font-weight: bold; color: var(--orange); border-bottom: 1px solid rgba(230, 223, 209, 0.3); @@ -33,7 +33,7 @@ margin-bottom: 6px; } .debug-section { - font-size: 10px; + font-size: 12px; color: var(--icon); margin-top: 6px; margin-bottom: 2px; @@ -58,18 +58,18 @@ font-family: monospace; } .swatch { - width: 14px; - height: 14px; + width: 18px; + height: 18px; border: 1px solid var(--stone); border-radius: 2px; } .theme-table { - font-size: 9px; + font-size: 11px; margin-top: 4px; } .theme-table-row { display: grid; - grid-template-columns: 64px 26px 26px 26px 26px 40px; + grid-template-columns: 70px 30px 30px 30px 30px 44px; gap: 5px; align-items: center; padding: 1px 0; @@ -84,14 +84,14 @@ color: var(--bone); } .theme-table-mini-swatch { - width: 12px; - height: 12px; + width: 16px; + height: 16px; border: 1px solid var(--border); border-radius: 1px; } .theme-table-speed { color: var(--icon); - font-size: 8px; + font-size: 10px; } @media (orientation: portrait) and (max-width: 700px) { #debug-panel {