diff --git a/reaction_board/web/static/style.css b/reaction_board/web/static/style.css index a9c9c8b..ee0c450 100644 --- a/reaction_board/web/static/style.css +++ b/reaction_board/web/static/style.css @@ -353,7 +353,7 @@ a.live-chip:hover { border-color: color-mix(in srgb, var(--accent) 55%, var(--bo transition: border-color 0.15s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.15s cubic-bezier(0.22, 1, 0.36, 1); } -.video-card { grid-template-columns: 128px minmax(0, 1fr); } +.video-card { grid-template-columns: 160px minmax(0, 1fr); } .up-card { grid-template-columns: 64px minmax(0, 1fr); align-items: center; } .video-card:hover, .up-card:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); @@ -995,7 +995,7 @@ a.live-chip:hover { border-color: color-mix(in srgb, var(--accent) 55%, var(--bo .up-stats { grid-template-columns: repeat(5, minmax(0, 1fr)); } .detail-hero { flex-direction: row; align-items: flex-start; } .hero-cover { width: 300px; flex: 0 0 300px; } - .video-card { grid-template-columns: 144px minmax(0, 1fr); } + .video-card { grid-template-columns: 160px minmax(0, 1fr); } .secondary-stat.optional { display: inline; } } @@ -1048,7 +1048,7 @@ a.live-chip:hover { border-color: color-mix(in srgb, var(--accent) 55%, var(--bo } @media (max-width: 380px) { - .video-card { grid-template-columns: 104px minmax(0, 1fr); gap: 8px; } + .video-card { gap: 8px; } .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .candidate-card { grid-template-columns: 80px minmax(0, 1fr); } .candidate-thumb { width: 80px; }