From 9ecbd254880eea7e394f8bf2e5a01851f4714643 Mon Sep 17 00:00:00 2001
From: spikecodes <19519553+spikecodes@users.noreply.github.com>
Date: Mon, 21 Dec 2020 21:39:55 -0800
Subject: [PATCH] Reorganize CSS

---
 Cargo.lock       | 16 ++++++++--------
 static/style.css | 45 +++++++++++++++++++--------------------------
 2 files changed, 27 insertions(+), 34 deletions(-)

diff --git a/Cargo.lock b/Cargo.lock
index 0e8beef..390830c 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -807,9 +807,9 @@ checksum = "d7afe4a420e3fe79967a00898cc1f4db7c8a49a9333a29f8a4bd76a253d5cd04"
 
 [[package]]
 name = "heck"
-version = "0.3.1"
+version = "0.3.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "20564e78d53d2bb135c343b3f47714a56af2061f1c928fdb541dc7b9fdd94205"
+checksum = "87cbf45460356b7deeb5e3415b5563308c0a9b057c85e12b06ad551f98d0a6ac"
 dependencies = [
  "unicode-segmentation",
 ]
@@ -1228,9 +1228,9 @@ dependencies = [
 
 [[package]]
 name = "parking_lot_core"
-version = "0.8.1"
+version = "0.8.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d7c6d9b8427445284a09c55be860a15855ab580a417ccad9da88f5a06787ced0"
+checksum = "9ccb628cad4f84851442432c60ad8e1f607e29752d0bf072cbd0baf28aa34272"
 dependencies = [
  "cfg-if 1.0.0",
  "instant",
@@ -1631,9 +1631,9 @@ checksum = "2579985fda508104f7587689507983eadd6a6e84dd35d6d115361f530916fa0d"
 
 [[package]]
 name = "signal-hook-registry"
-version = "1.2.2"
+version = "1.3.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ce32ea0c6c56d5eacaeb814fbed9960547021d3edd010ded1425f180536b20ab"
+checksum = "16f1d0fef1604ba8f7a073c7e701f213e056707210e9020af4528e0101ce11a6"
 dependencies = [
  "libc",
 ]
@@ -1652,9 +1652,9 @@ checksum = "ae524f056d7d770e174287294f562e95044c68e88dec909a00d2094805db9d75"
 
 [[package]]
 name = "socket2"
-version = "0.3.18"
+version = "0.3.19"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "97e0e9fd577458a4f61fb91fcb559ea2afecc54c934119421f9f5d3d5b1a1057"
+checksum = "122e570113d28d773067fab24266b66753f6ea915758651696b6e35e49f88d6e"
 dependencies = [
  "cfg-if 1.0.0",
  "libc",
diff --git a/static/style.css b/static/style.css
index 087e2c4..120daea 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,6 +1,7 @@
 /* General */
 
 :root {
+	--accent: aqua;
 	--background: #0F0F0F;
 	--foreground: #222;
 	--outside: #1F1F1F;
@@ -26,7 +27,7 @@ body {
 nav {
 	display: flex;
 	justify-content: space-between;
-	color: aqua;
+	color: var(--accent);
 	background: var(--outside);
 	padding: 15px;
 	font-weight: bold;
@@ -159,7 +160,7 @@ a:not(.post_right):hover {
 }
 
 #sort > div.selected {
-	background: aqua;
+	background: var(--accent);
 	color: black;
 }
 
@@ -207,8 +208,8 @@ a:not(.post_right):hover {
 }
 
 .post_score {
-	margin-top: 1em;
-	color: aqua;
+	margin-top: 20px;
+	color: var(--accent);
 }
 
 .post_right {
@@ -242,16 +243,16 @@ a:not(.post_right):hover {
 }
 
 .post_body > p:not(:first-child) {
-	margin-top: 1.5em;
+	margin-top: 20px;
 }
 
 .post_body a {
 	text-decoration: underline;
-	color: aqua;
+	color: var(--accent);
 }
 
 #post_url {
-	color: aqua;
+	color: var(--accent);
 }
 
 .post_thumbnail {
@@ -268,7 +269,7 @@ a:not(.post_right):hover {
 }
 
 .post_flair {
-	background: aqua;
+	background: var(--accent);
 	color: black;
 	padding: 5px;
 	margin-right: 5px;
@@ -280,7 +281,7 @@ a:not(.post_right):hover {
 /* Comment */
 
 .comment {
-	margin-top: 1em;
+	margin-top: 15px;
 	border-radius: 5px;
 	display: flex;
 	font-size: 15px;
@@ -307,7 +308,7 @@ a:not(.post_right):hover {
 }
 
 .comment_author.op {
-	color: aqua;
+	color: var(--accent);
 	font-weight: bold;
 }
 
@@ -321,20 +322,12 @@ a:not(.post_right):hover {
 	font-weight: bold;
 }
 
-.comment_upvote {
-	margin-top: 0.5em;
-	border-radius: 5px 5px 0px 0px;
-	background: var(--foreground);
-	width: 40px;
-	padding: 10px 0px 0px 0px;
-}
-
 .comment_subreddit {
 	font-weight: bold;
 }
 
 .comment_score {
-	color: aqua;
+	color: var(--accent);
 	background: var(--foreground);
 	min-width: 40px;
 	border-radius: 5px;
@@ -368,21 +361,21 @@ a:not(.post_right):hover {
 }
 
 .comment_body > p:not(:first-child) {
-	margin-top: 1.5em;
+	margin-top: 20px;
 }
 
 .comment_body a {
 	text-decoration: underline;
-	color: aqua;
+	color: var(--accent);
 }
 
 .deeper_replies {
-	color: aqua;
-	margin-left: 1em;
+	color: var(--accent);
+	margin-left: 15px;
 }
 
 ::marker {
-	color: aqua;
+	color: var(--accent);
 }
 
 .replies > .comment {
@@ -428,12 +421,12 @@ code {
 
 table {
 	border: 3px var(--highlighted) solid;
-	border-spacing: 0rem;
+	border-spacing: 0;
 }
 
 td, th {
 	border: 1px var(--highlighted) solid;
-	padding: 0.5em;
+	padding: 10px;
 }
 
 /* Mobile */