Improve appearance

2 files changed, 29 insertions, 17 deletions

diff --git a/hyperkitty/static/css/style.css b/hyperkitty/static/css/style.css
index ef9bfa2..cc6945d 100644
--- a/hyperkitty/static/css/style.css
+++ b/hyperkitty/static/css/style.css
@@ -1,6 +1,6 @@
 body {
 	position: relative;
-	padding-top: 90px;
+	padding-top: 55px;
 	background-color: white;
 }
 
@@ -353,4 +353,9 @@ body {
 
 .removed {
     display: none;
-}[
+}
+
+p.attachments {
+    margin-bottom: 0;
+    font-weight: bold;
+}
diff --git a/hyperkitty/static/css/thread.css b/hyperkitty/static/css/thread.css
index 88a2050..90d2add 100644
--- a/hyperkitty/static/css/thread.css
+++ b/hyperkitty/static/css/thread.css
@@ -1,3 +1,18 @@
+
+header {
+    /*background-color: #f6f6f6;*/
+    /*border-bottom: 1px solid #b3b3b3;*/
+    margin-bottom: 3em;
+    padding: 1em 0;
+}
+
+h1 {
+    text-align: center;
+    font-size: 24px;
+    line-height: 26px;
+}
+
+
 #thread_nav{
     margin:auto;
     width:100%;
@@ -127,8 +142,7 @@
 
 .email_header {
     position:relative;
-    margin-top: 20px;
-    margin-bottom: 20px;
+    margin-bottom: 1em;
 }
 
 .email_header img {
@@ -146,12 +160,6 @@
     font-weight: bold;
 }
 
-.email_date {
-    position: absolute;
-    right: 20px;
-    bottom: 0px;
-}
-
 .email_date .date {
     font-weight: bold;
 }
@@ -165,18 +173,16 @@
 }
 
 /* The email thread */
-.even {
-    background-color: rgb(246, 246, 246);
+.even, .odd {
     border-top: 1px solid rgb(179, 179, 179);
-	padding-left: 20px;
+    padding: 1em;
 	margin: 20px 0px 20px 0px;
 }
-
+.even {
+    background-color: rgb(246, 246, 246);
+}
 .odd {
     background-color: rgb(238, 238, 238);
-    border-top: 1px solid rgb(179, 179, 179);
-	padding-left: 20px;
-	margin: 20px 0px 20px 0px;
 }
 
 .email {
@@ -207,6 +213,7 @@
     background-color: rgb(255, 255, 255);
     white-space: pre;
     display: inline-block;
+    width: 95%;
 }
 
 .first_email_body {