diff --git a/compare50/_renderer/static/match.css b/compare50/_renderer/static/match.css index 0aae04f..e146e95 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-bottom: 3em; } .view { @@ -30,7 +31,7 @@ body { .sub_name { margin-top: 0.33em; - padding-right: 0px; + padding-left: 10px; } .row { @@ -56,7 +57,7 @@ pre { border-top: 0; max-width:100%; width: 100%; - height: 100%; + height: 90vh; } .right { @@ -67,7 +68,7 @@ pre { border-top: 0; max-width:100%; width: 100%; - height: 100%; + height: 90vh; } .fragment:before { @@ -119,36 +120,36 @@ pre { font-family: Consolas, monospace; } -#sidebar { - padding-left: 5px; - padding-right: 5px; - margin-left: -10em; - left: 10em; - width: 10em; +#botbar { position: fixed; - height: 100%; + bottom: 0; + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + padding: 0.5em 1em; z-index: 1000; } -#next_prev_match { - margin-top: .4em; +.botbar-right { + display: flex; + align-items: center; + gap: 0.5em; } -#passes { - margin-top: 10%; - margin-bottom: 10%; +#next_prev_match { + margin: 0; } -.matches_group { - margin-bottom: .4em; +#passes { + margin: 0; } .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 f7abe81..3349c7f 100644 --- a/compare50/_renderer/templates/match_page.html +++ b/compare50/_renderer/templates/match_page.html @@ -11,22 +11,21 @@
-