diff --git a/static/style.css b/static/style.css index 682cf76..9752845 100644 --- a/static/style.css +++ b/static/style.css @@ -488,7 +488,7 @@ aside { /* Sorting and Search */ select, #search, #sort_options, #inside, #searchbox > *, #sort_submit { - height: 40px; + height: 38px; } .search_label { @@ -505,7 +505,7 @@ select { select, #search { border: none; - padding: 0 15px; + padding: 0 10px; appearance: none; -webkit-appearance: none; @@ -593,6 +593,7 @@ button.submit:hover > svg { stroke: var(--accent); } #sort_options, footer > a { border-radius: 5px; + align-items: center; box-shadow: var(--shadow); background: var(--outside); display: flex; @@ -719,7 +720,7 @@ a.search_subreddit:hover { } .post_score { - padding-top: 16px; + padding-top: 19px; padding-left: 12px; font-size: 13px; font-weight: bold; @@ -1180,12 +1181,10 @@ summary.comment_data { color: var(--accent); } - .prefs { display: flex; flex-direction: column; justify-content: space-between; - align-items: center; padding: 20px; background: var(--post); border-radius: 5px; @@ -1198,11 +1197,19 @@ summary.comment_data { width: 100%; height: 35px; align-items: center; - margin-top: 10px; + margin-top: 7px; } -.prefs > p { +.prefs legend { font-weight: 500; + border-bottom: 1px solid var(--highlighted); + font-size: 18px; + padding-bottom: 10px; +} + +.prefs legend:not(:first-child) { + padding-top: 10px; + margin-top: 15px; } .prefs select { diff --git a/templates/settings.html b/templates/settings.html index 2072614..8a70912 100644 --- a/templates/settings.html +++ b/templates/settings.html @@ -11,14 +11,14 @@
-

Appearance

+ Appearance
-

Interface

+ Interface
-

Content

+ Content