Improve styling

3 files changed, 28 insertions, 28 deletions

diff --git a/hyperkitty/static/css/stats.css b/hyperkitty/static/css/stats.css
index ec1bf4d..77bb4a6 100644
--- a/hyperkitty/static/css/stats.css
+++ b/hyperkitty/static/css/stats.css
@@ -2,26 +2,22 @@ h2 {
     margin-top: 0px;
     padding-top: 10px;
 }
+.likestatus {
+    padding-left: 20px;
+    margin-right: 4em;
+    font-weight: bold;
+}
 /* Add icons to some text */
 .neutral {
     background: url("../img/neutral.png") no-repeat scroll left;
-    padding-left: 20px;
-    padding-right: 20px;
-    font-weight: bold;
 }
 
 .like {
     background: url("../img/like.png") no-repeat scroll left;
-    padding-left: 20px;
-    padding-right: 20px;
-    font-weight: bold;
 }
 
 .likealot {
     background: url("../img/likealot.png") no-repeat scroll left;
-    padding-left: 20px;
-    padding-right: 20px;
-    font-weight: bold;
 }
 
 /* The content section of the page */ 
diff --git a/hyperkitty/static/css/style.css b/hyperkitty/static/css/style.css
index cc6945d..fe53a2f 100644
--- a/hyperkitty/static/css/style.css
+++ b/hyperkitty/static/css/style.css
@@ -85,25 +85,22 @@ body {
     width: 40px;
 }
 
-.neutral {
-    background: url("../img/neutral.png") no-repeat scroll left;
+/* Like / dislike */
+.likestatus {
     padding-left: 20px;
-    padding-right: 20px;
+    margin-right: 3em;
     font-weight: bold;
 }
+.neutral {
+    background: url("../img/neutral.png") no-repeat scroll left;
+}
 
 .like {
     background: url("../img/like.png") no-repeat scroll left;
-    padding-left: 20px;
-    padding-right: 20px;
-    font-weight: bold;
 }
 
 .likealot {
     background: url("../img/likealot.png") no-repeat scroll left;
-    padding-left: 20px;
-    padding-right: 20px;
-    font-weight: bold;
 }
 
 .youlike {
@@ -111,7 +108,6 @@ body {
     padding-left: 15px;
     padding-right: 5px;
 }
-
 .youdislike {
     background: url("../img/youdislike.png") no-repeat scroll left;
     padding-left: 15px;
diff --git a/hyperkitty/static/css/thread.css b/hyperkitty/static/css/thread.css
index e86bba6..43fca6b 100644
--- a/hyperkitty/static/css/thread.css
+++ b/hyperkitty/static/css/thread.css
@@ -2,7 +2,7 @@
 header {
     /*background-color: #f6f6f6;*/
     /*border-bottom: 1px solid #b3b3b3;*/
-    margin-bottom: 5em;
+    margin-bottom: 6em;
     padding: 1em 0;
 }
 
@@ -76,8 +76,7 @@ header .thread-newer {
 
 /* Define the two columns */
 #thread_content {
-    width: 70%;
-    margin-right: 22px;
+    width: 74%;
 }
 
 #thread_overview_info {
@@ -146,10 +145,12 @@ header .thread-newer {
 
 #participants li {
     list-style-type: none;
+    margin: 1em 0;
 }
 
 #participants img {
     width: 20px;
+    vertical-align: middle;
 }
 
 /* Main section with the whole thread */
@@ -166,25 +167,36 @@ header .thread-newer {
 
 .email_header img {
     width: 40px;
+    float: left;
+    margin-right: 10px;
 }
 
+.email_author {
+    height: 40px;
+}
 .email_author .name{
     color: rgb(55, 113, 200);
     font-weight: bold;
 }
-
 .email_author .rank{
     color: rgb(167, 169, 172);
     font-size: 80%;
     font-weight: bold;
 }
 
+.email .email_date {
+    font-size: 90%;
+}
+.first_email .email_date span {
+    display: block;
+    text-align: right;
+}
 .email_date .date {
     font-weight: bold;
 }
-
 .email_date .time {
     color: rgb(167, 169, 172);
+    margin-left: 0.5em;
 }
 
 .add_comment {
@@ -216,10 +228,6 @@ header .thread-newer {
     font-size: 90%;
 }
 
-.email .email_date, .email .email_date .date {
-    font-size: 90%;
-}
-
 .first_email_body, .email_body {
     white-space: pre;
     display: inline-block;