From 3240ed39975d288c63eb963de5662b1dc00090ba Mon Sep 17 00:00:00 2001 From: Brandon Nguyen <112731698+bxngyn@users.noreply.github.com> Date: Tue, 29 Jul 2025 12:20:53 -0400 Subject: [PATCH 1/7] move navbar to top --- compare50/_renderer/static/match.css | 32 +++++++++---------- compare50/_renderer/templates/match_page.html | 13 ++++---- setup.py | 2 +- 3 files changed, 23 insertions(+), 24 deletions(-) diff --git a/compare50/_renderer/static/match.css b/compare50/_renderer/static/match.css index 45b3a61e..b34008d6 100644 --- a/compare50/_renderer/static/match.css +++ b/compare50/_renderer/static/match.css @@ -8,10 +8,11 @@ body, h1, h4, h5 { body { font-family: Proxima-Nova, sans-serif; + overflow: hidden; } .wrapper { - margin-left: 10em; + margin-top: 4em; } .view { @@ -21,7 +22,7 @@ body { #page { overflow-y: hidden; - height: 100%; + height: 100vh; } #content { @@ -45,7 +46,7 @@ pre { .diff { width: 100%; - height: 100%; + height: calc(100vh - 5em); } @@ -56,7 +57,7 @@ pre { border-top: 0; max-width:100%; width: 100%; - height: 100%; + height: calc(100vh - 5em); } .right { @@ -67,7 +68,7 @@ pre { border-top: 0; max-width:100%; width: 100%; - height: 100%; + height: calc(100vh - 5em); } .fragment:before { @@ -120,23 +121,23 @@ pre { } #sidebar { - padding-left: 5px; - padding-right: 5px; - margin-left: -10em; - left: 10em; - width: 10em; + padding: 10px 15px; + top: 0; + width: 100%; position: fixed; - height: 100%; + height: auto; z-index: 1000; + display: flex; + align-items: center; + justify-content: space-evenly; } #next_prev_match { - margin-top: .4em; + margin: 0; } #passes { - margin-top: 10%; - margin-bottom: 10%; + margin: 0; } .matches_group { @@ -146,9 +147,8 @@ pre { .brand { text-align: center; vertical-align: middle; - width: 100%; height: 2.20em; - margin-top: 0.13em; + margin: 0; } a.index-link { diff --git a/compare50/_renderer/templates/match_page.html b/compare50/_renderer/templates/match_page.html index f7abe81f..86ab86c4 100644 --- a/compare50/_renderer/templates/match_page.html +++ b/compare50/_renderer/templates/match_page.html @@ -11,28 +11,27 @@