split up partials and stub in mailbox frontend

1 files changed, 20 insertions, 2 deletions

diff --git a/public/assets/css/bucky.css b/public/assets/css/bucky.css
index 4d79da3..630ea2f 100644
--- a/public/assets/css/bucky.css
+++ b/public/assets/css/bucky.css
@@ -129,6 +129,16 @@ hr {
 #hoots tr:nth-child(odd) td:nth-child(2) { background-color: #f3f1f2; }
 #hoots tr:nth-child(even) td:nth-child(2) { background-color: #e3e8e3; }
 
+.threads th {
+  vertical-align: top;
+  font-weight: normal;
+  padding-right: 4px;
+  line-height: 15px;
+}
+.threads th b {
+  font-weight: bold;
+  font-size: 14px;
+}
 .threads, .threads tr {
   margin: 0; padding: 0;
   border-spacing: 0;
@@ -162,6 +172,12 @@ hr {
 .threads tr:last-child td:nth-child(2) {
   border-bottom: 1px solid #b6aeab;
 }
+.threads td:nth-child(2) a {
+  display: block;
+}
+.threads td:nth-child(6) {
+  text-align: center;
+}
 
 tr:nth-child(odd).row	td { background-color: #e6f0f0; }
 tr:nth-child(odd).row:hover	td { background-color: #d8e0ec; color: #000000; }
@@ -235,9 +251,9 @@ tr:nth-child(even) td.black:hover  { background-color: #f8f8f8; color: #000000;
 .older  { color: #5D6464; }
 .quiet  { color: #787878; }
 
-#details .left, #details .right {
-  float: left;
+#details .left {
   padding-right: 20px;
+  vertical-align: top;
 }
 #details_rapper {
   width: 100%;
@@ -249,6 +265,7 @@ tr:nth-child(even) td.black:hover  { background-color: #f8f8f8; color: #000000;
 }
 #details .right {
   max-width: 50vw;
+  vertical-align: top;
 }
 
 #comments, #comments tr {
@@ -293,6 +310,7 @@ tr:nth-child(odd) td.comment { background-color: #fcf8f8; }
 }
 #files {
   border: 1px solid #ccc;
+  margin-bottom: 10px;
 }
 #files td {
   padding: 3px 3px;