Add voting icons

static/global.css

@@ -96,8 +96,9 @@ form input[type=submit] {
 
 .post-preview {
 	margin-top: 10px;
-	border: 1px solid #ccc;
+	border: 1px solid #404040;
 	border-radius: 3px;
+	background: white;
 }
 
 .post-preview-title {
@@ -105,27 +106,50 @@ form input[type=submit] {
 }
 
 .post-preview-title a {
-	color: white;
+	color: #333;
 	font-size: 30px;
 	text-decoration: none;
 }
 
 .post-preview-details {
+	height: 40px;
+	background: #eee;
 	border-top: 1px solid #ccc;
+	border-bottom-left-radius: 3px;
+	border-bottom-right-radius: 3px;
 }
 
 .post-preview-details table {
 	border-collapse: collapse;
+	height: 100%;
+	width: 100%;
+}
+
+.post-preview-details table tr {
 }
 
 .post-preview-details table td {
+	vertical-align: middle;
+	display: table-cell;
+	height: 100%;
 	border-right: 1px solid #ccc;
-	padding: 10px;
+}
+
+.post-preview-details tr td:nth-child(1) {
+	width: 40px;
+}
+
+.post-preview-details tr td:nth-child(2) {
+	width: 40px;
+}
+
+.post-preview-details tr td:last-child {
+	width: 100px;
 }
 
 .post-preview-details span,
 .post-preview-details a {
-	color: #ccc;
+	color: black;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 }
 
@@ -141,4 +165,22 @@ form input[type=submit] {
 	background: #ccd6fb;
 	border-radius: 3px;
 	margin-top: 10px;
+}
+
+/* === MISC ======================================================== */
+
+.rotate90 {
+	-webkit-transform: rotate(90deg);
+	-moz-transform: rotate(90deg);
+	-o-transform: rotate(90deg);
+	-ms-transform: rotate(90deg);
+	transform: rotate(90deg);
+}
+
+.rotate180 {
+	-webkit-transform: rotate(180deg);
+	-moz-transform: rotate(180deg);
+	-o-transform: rotate(180deg);
+	-ms-transform: rotate(180deg);
+	transform: rotate(180deg);
 }

static/upvote_empty.svg

@@ -0,0 +1 @@
+<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12.781 2.375c-.381-.475-1.181-.475-1.562 0l-8 10c-.24.301-.286.712-.12 1.059.167.345.516.566.901.566h2 2v3 4c0 .553.447 1 1 1h6c.553 0 1-.447 1-1v-5-2h2 2c.385 0 .734-.221.901-.566.166-.347.12-.758-.12-1.059zm2.219 9.625h-1v1 3 4h-4v-3-4-1h-1-2.919l5.919-7.399 5.919 7.399z"/></svg>

static/upvote_full.svg

@@ -0,0 +1 @@
+<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m4 14h2 2v3 4c0 .553.447 1 1 1h6c.553 0 1-.447 1-1v-5-2h1 3c.385 0 .734-.221.901-.566.166-.347.12-.758-.12-1.059l-8-10c-.381-.475-1.181-.475-1.562 0l-8 10c-.24.301-.286.712-.12 1.059.167.345.516.566.901.566z"/></svg>