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);
 }