diff --git a/src/youtube-overrides.css b/src/youtube-overrides.css index 322d2e3..bcbfedb 100644 --- a/src/youtube-overrides.css +++ b/src/youtube-overrides.css @@ -6,7 +6,7 @@ --text: #f1f1f1; --muted: #aaa; --accent: #ff4b3e; - --sidebar: 240px; + --sidebar: 224px; } body { background: var(--bg); color: var(--text); font-family: Arial, Helvetica, sans-serif; } @@ -26,12 +26,12 @@ body { background: var(--bg); color: var(--text); font-family: Arial, Helvetica, .language-trigger { border-color: #363636; background: #1d1d1d; color: #ddd; } .profile-chip { background: #065fd4; color: #fff; } -.sidebar { top: 56px; width: var(--sidebar); padding: 12px; background: var(--bg); border: 0; box-shadow: none; color: var(--text); } +.sidebar { top: 56px; width: var(--sidebar); padding: 12px 10px; background: var(--bg); border: 0; box-shadow: none; color: var(--text); } .sidebar.closed { width: 72px; padding: 12px 8px; } -.sidebar nav a, .genre-link { min-height: 40px; padding: 9px 12px; border-radius: 10px; color: #ccc; gap: 22px; } +.sidebar nav a, .genre-link { min-height: 40px; padding: 9px 10px; border-radius: 10px; color: #ccc; gap: 18px; } .sidebar nav a:hover, .genre-link:hover, .sidebar nav a.active { background: #272727; color: #fff; } .sidebar-group { display: grid; gap: 2px; } -.sidebar-group-title { display: flex; align-items: center; gap: 7px; padding: 12px 12px 6px; font-size: 16px; font-weight: 700; } +.sidebar-group-title { display: flex; align-items: center; gap: 7px; padding: 12px 10px 6px; font-size: 16px; font-weight: 700; } .sidebar-group-title svg { color: #999; } .sidebar small { display: none; } .sidebar.closed .sidebar-group-title, .sidebar.closed .sidebar-label { display: none; } @@ -39,8 +39,8 @@ body { background: var(--bg); color: var(--text); font-family: Arial, Helvetica, .sidebar.closed .nav-rule { display: block; margin: 12px 6px; } .nav-rule { height: 1px; background: var(--line); margin: 12px 0; } -.content { max-width: none; padding: 12px 24px 80px 264px; margin: 0; } -.content-wide { padding-left: 96px; } +.content { max-width: none; padding: 12px 24px 80px 248px; margin: 0; } +.content-wide { padding-left: 84px; } .youtube-home-header { display: none; } .youtube-home-feed, .youtube-shorts-shelf { margin-bottom: 40px; } .youtube-category-bar { position: sticky; top: 56px; z-index: 2; display: flex; gap: 12px; overflow-x: auto; padding: 12px 0; background: var(--bg); scrollbar-width: none; }