Use png icons instead of font icons

1 files changed, 21 insertions, 14 deletions

diff --git a/static/main.css b/static/main.css
index 0795331..ad03792 100644
--- a/static/main.css
+++ b/static/main.css
@@ -90,24 +90,19 @@
 	display: inline-block;
 	text-decoration: none;
 	color: #333333;
-	vertical-align: middle;
 }
 
 .status-action a:hover,
 .status-action a:hover i {
-	color: #777777;
+	opacity: 0.8;
 }
 
 .status-action a.status-time {
 	width: auto;
 }
 
-.fa.liked {
-	color: yellow;
-}
-
-.fa.retweeted {
-	color: green;
+.status-action-count span {
+	vertical-align: middle;
 }
 
 .page-title {
@@ -175,6 +170,10 @@
 	display: flex;
 }
 
+.notification-info-text span {
+	vertical-align: middle;
+}
+
 .notification-follow-uname {
 	margin-top: 8px;
 }
@@ -334,19 +333,18 @@
 	display: inline-block;
 }
 
-.fa {
-	font-size: 11pt !important;
-	color: #444444;
-}
-
 .post-form-emoji-link {
-	margin-left: 8px;
+	margin-left: 4px;
 }
 
 .post-form-emoji-link i {
 	font-size: 14pt !important;
 }
 
+.post-form-title {
+	vertical-align: middle;
+}
+
 .user-info {
 	margin-bottom: 8px;
 	display: flex;
@@ -401,3 +399,12 @@
 #settings-form button[type=submit] {
 	margin-top: 8px;
 }
+
+.icon {
+	height: 16px;
+	vertical-align: middle;
+}
+
+.icon.post-emoji {
+	height: 20px;
+}