diff --git a/static/style.css b/static/style.css index eac6035..d0f065e 100644 --- a/static/style.css +++ b/static/style.css @@ -16,6 +16,7 @@ --background: #0f0f0f; --outside: #1f1f1f; --post: #161616; + --panel-border: 1px solid #333; --highlighted: #333; --shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } @@ -30,6 +31,7 @@ --background: #ddd; --outside: #ececec; --post: #eee; + --panel-border: 1px solid #ccc; --highlighted: white; --shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } @@ -44,6 +46,7 @@ --background: #ddd; --outside: #ececec; --post: #eee; + --panel-border: 1px solid #ccc; --highlighted: white; --shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } @@ -167,7 +170,7 @@ aside { } .post, .panel { - border: 1px solid var(--highlighted); + border: var(--panel-border); } .dot { @@ -388,7 +391,7 @@ button.submit:hover > svg { stroke: var(--accent); } background: var(--post); box-shadow: var(--shadow); transition: 0.2s background; - border: 1px solid var(--highlighted); + border: var(--panel-border); margin-bottom: 20px; } @@ -443,7 +446,7 @@ a.search_subreddit:hover { "post_score post_media post_thumbnail" auto "post_score post_body post_thumbnail" auto "post_score post_footer post_thumbnail" auto - / minmax(50px, auto) 1fr fit-content(min(20%, 152px)); + / minmax(40px, auto) 1fr fit-content(min(20%, 152px)); } .post:not(:last-child) { margin-bottom: 10px; } @@ -458,18 +461,16 @@ a.search_subreddit:hover { .post_score { padding-top: 20px; + font-size: 13px; + font-weight: bold; + text-align: end; color: var(--accent); grid-area: post_score; - text-align: center; - background: var(--foreground); + text-align: end; border-radius: 5px 0 0 5px; transition: 0.2s background; } -.post:hover > .post_score { - background: var(--highlighted); -} - .post_score .label { display: none; } @@ -569,7 +570,7 @@ a.search_subreddit:hover { .post_thumbnail { border-radius: 5px; - border: 1px solid var(--foreground); + border: var(--panel-border); display: grid; overflow: hidden; background-color: var(--background); @@ -849,7 +850,7 @@ input[type="submit"] { padding: 10px; margin: 4px 0 4px 5px; border-left: 4px solid var(--highlighted); - background: var(--outside); + background: var(--post); } .md a, .md a * { @@ -891,13 +892,14 @@ input[type="submit"] { /* Tables */ +table, td, th { border: var(--panel-border); } + table { - border: 3px var(--highlighted) solid; + border-width: 3px; border-spacing: 0; } td, th { - border: 1px var(--highlighted) solid; padding: 10px; } @@ -917,7 +919,6 @@ td, th { background-color: unset; margin: 5px 0px 20px 20px; padding: 0; - font-size: 14px; } .compact .post_score { diff --git a/templates/post.html b/templates/post.html index e8cdc63..9f2e02f 100644 --- a/templates/post.html +++ b/templates/post.html @@ -41,7 +41,6 @@
-

r/{{ post.community }} @@ -73,14 +72,12 @@

{{ post.body }}
{{ post.score }} Upvotes
-

{{ post.upvote_ratio }}% Upvoted

-
diff --git a/templates/search.html b/templates/search.html index e6aba58..775fdec 100644 --- a/templates/search.html +++ b/templates/search.html @@ -77,7 +77,7 @@
{{ post.score }} Upvotes
- {{ post.comments }} Comments + {{ post.comments }} comments
{% else %} diff --git a/templates/subreddit.html b/templates/subreddit.html index 2cf24ad..becf8cf 100644 --- a/templates/subreddit.html +++ b/templates/subreddit.html @@ -72,7 +72,7 @@
{{ post.score }} Upvotes
- {{ post.comments }} Comments + {{ post.comments }} comments
{% endif %} diff --git a/templates/user.html b/templates/user.html index 42761f7..7d3202a 100644 --- a/templates/user.html +++ b/templates/user.html @@ -62,7 +62,7 @@
{{ post.score }} Upvotes
- {{ post.comments }} Comments + {{ post.comments }} comments
{% else %}