Improve display of the category on the threads list

2 files changed, 13 insertions, 11 deletions

diff --git a/hyperkitty/static/css/hyperkitty-common.css b/hyperkitty/static/css/hyperkitty-common.css
index 419cb7f..fa8b6d4 100644
--- a/hyperkitty/static/css/hyperkitty-common.css
+++ b/hyperkitty/static/css/hyperkitty-common.css
@@ -303,15 +303,18 @@ a.thread-new strong {
 
 .thread-category {
     padding: 0;
-    padding-bottom: 10px;
 }
 .thread-category form {
     margin: 0;
     display: none;
 }
+.thread-category form p {
+    margin: 0;
+}
 .thread-category form select {
     font-size: 90%;
     width: 12em;
+    margin: 0;
 }
 .thread-category form .errorlist {
     display: none; /* Displayed manually */
diff --git a/hyperkitty/static/css/hyperkitty-threadslist.css b/hyperkitty/static/css/hyperkitty-threadslist.css
index 653d5d7..5080de5 100644
--- a/hyperkitty/static/css/hyperkitty-threadslist.css
+++ b/hyperkitty/static/css/hyperkitty-threadslist.css
@@ -60,13 +60,20 @@
     font-style: italic;
     font-size: 70%;
     color: rgb(128, 0, 0);
+    margin-left: 1em;
 }
 
 .thread-info {
     text-align:right;
     clear: both;
-    margin-left: 46px;
+    margin-left: 60px;
 }
+
+.thread .thread-category {
+    /*margin-left: 1em;*/
+    float: left;
+}
+
 .thread-info .tags {
     display: inline;
     margin-right: 1em;
@@ -89,7 +96,7 @@
 }
 .thread-content .thread-email {
     display: block;
-    margin-left: 46px;
+    margin-left: 60px;
     margin-bottom: 5px;
 }
 
@@ -115,7 +122,6 @@
     -moz-border-radius: 5px 5px 5px 5px;
     border-radius: 5px 5px 5px 5px;
     padding: 1em;
-    margin-left: 21px;
     display: block;
     vertical-align: top;
     white-space: pre;
@@ -184,10 +190,3 @@
 .type_test {
     background-color: rgb(200, 171, 55);
 }
-
-
-
-/* Category */
-.thread .thread-category {
-    float: right;
-}