diff --git a/base.css b/base.css index a0505ed..493fee3 100644 --- a/base.css +++ b/base.css @@ -61,13 +61,15 @@ main{ position: fixed; max-height: 0; } -.so-pane > *{ +.so-pane > p{ + padding: 2px; +} +.so-pane > p, .so-pane > p > *{ vertical-align: middle; font-size: 16px; text-align: left; - padding: 2px; } -.so-pane > label{ +.so-pane > p > label, .so-pane > p{ background-color: transparent; } .nav-menu, .sort-menu{ @@ -163,6 +165,7 @@ main{ align-content: center; max-width: 100%; width: 100%; + overflow: hidden; } .item-table > div{ display: table-row; @@ -191,6 +194,7 @@ main{ justify-content: center; width: 100%; max-width: 100%; + overflow: hidden; } .item-table > div > div > div{ padding: 2px; diff --git a/dark.css b/dark.css index 8184aee..3eb6bae 100644 --- a/dark.css +++ b/dark.css @@ -13,10 +13,10 @@ a{ .header, .nav, footer, .so-pane{ background-color: #1d1d1e; } -.home-button > div, .sort-button > div, .menu a, .so-pane > *{ +.home-button > div, .sort-button > div, .menu a, .so-pane > p > *{ color: #e0e0e0; } -.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > input, .so-pane > select{ +.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > p > input, .so-pane > p > select{ background-color: #606061; } .hmb-line, .hmb-line::before, .hmb-line::after{ diff --git a/index.go.html b/index.go.html index 4aee931..c6e29fb 100644 --- a/index.go.html +++ b/index.go.html @@ -32,6 +32,7 @@ {{ if .Light }} {{ end }} +
{{ $sort := 0 }} +
++
++
diff --git a/light.css b/light.css index a70aabd..1d18b06 100644 --- a/light.css +++ b/light.css @@ -13,10 +13,10 @@ a{ .header, .nav, footer, .so-pane{ background-color: #e2e2e1; } -.home-button > div, .sort-button > div, .menu a, .so-pane > *{ +.home-button > div, .sort-button > div, .menu a, .so-pane > p > *{ color: #1f1f1f; } -.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > input, .so-pane > select{ +.home-button:hover, .menu a:hover, .hmb:hover, .sort-button:hover, .sort-menu:checked ~ .sort-button, .sort-button-active, .so-pane > p > input, .so-pane > p > select{ background-color: #9f9f9e; } .hmb-line, .hmb-line::before, .hmb-line::after{