Use icon for like buttons

3 files changed, 31 insertions, 4 deletions

diff --git a/res/lang/en.ftl b/res/lang/en.ftl
index ab31313..2c52478 100644
--- a/res/lang/en.ftl
+++ b/res/lang/en.ftl
@@ -30,8 +30,6 @@ follow_request_sent = Follow request sent!
 follow_undo = Unfollow
 home_follow_prompt1 = Why not
 home_follow_prompt2 = follow some communities?
-like = Like
-like_undo = Unlike
 liked_by = Liked by:
 likes = Likes
 local = Local
diff --git a/res/lang/eo.ftl b/res/lang/eo.ftl
index 1629cc7..34d4350 100644
--- a/res/lang/eo.ftl
+++ b/res/lang/eo.ftl
@@ -30,8 +30,6 @@ follow_request_sent = Abonado peto senditas!
 follow_undo = Ne plu aboni
 home_follow_prompt1 = Kial ne
 home_follow_prompt2 = aboni iujn komunumojn?
-like = Ŝati
-like_undo = Ne plu ŝati
 liked_by = Ŝatata de:
 likes = Ŝatantoj
 local = Loka
diff --git a/res/main.css b/res/main.css
index 1ce5be8..a459402 100644
--- a/res/main.css
+++ b/res/main.css
@@ -77,6 +77,37 @@ body {
 	vertical-align: text-bottom;
 }
 
+.iconbutton {
+	padding: 0;
+}
+
+.iconbutton > .icon {
+	margin-left: -1em;
+	margin-right: -1em;
+}
+
+.votebox {
+	float: left;
+	margin-right: .5em;
+}
+
+.comment > .content {
+	display: inline-block;
+}
+
+.commentList {
+	margin-top: .5em;
+	list-style-type: none;
+}
+
+.commentList.topLevel {
+	padding-left: 0;
+}
+
+form.inline {
+	display: inline-block;
+}
+
 @media (max-width: 768px) {
 	.communitySidebar {
 		display: none; /* TODO still show this somewhere */