More bootstrap work, status page now updates

themes/bootstrap/public/inbucket.css

@@ -1,3 +1,4 @@
+/* Site Wide */
 html {
   position: relative;
   min-height: 100%;
@@ -9,11 +10,6 @@ body {
   margin-bottom: 60px;
 }
 
-.mailbox-header {
-  text-align: center;
-  font-size: 18px;
-}
-
 .footer {
   position: absolute;
   bottom: 0;
@@ -27,12 +23,14 @@ body {
   margin: 20px 0;
 }
 
-.message-controls {
-  padding: 10px 0;
+/* Mailbox & Messages */
+.mailbox-header {
+  text-align: center;
+  font-size: 18px;
 }
 
-#emailContent {
-  padding-bottom: 20px;
+.message-controls {
+  padding: 0 0 10px 0;
 }
 
 .message-header dl {
@@ -49,31 +47,20 @@ body {
   }
 }
 
+.message-body {
+  padding: 0 5px;
+}
+
 .message-attachments {
   margin-top: 20px;
+  padding: 10px 20px;;
 }
 
 .message-attachments ul {
   margin: 0
 }
 
-#emailSubject {
-  border-bottom: 1px #606060 solid;
-  margin: 0;
-  width: 617px;
-}
-
-#emailBody {
-  color: #555;
-  margin-top: 15px;
-}
-
-.errors {
-  background-color: #ffa0a0;
-  color: #333;
-  padding: 5px 10px;
-}
-
+/* Metrics */
 table.metrics {
 }
 
@@ -90,27 +77,3 @@ table.metrics {
   width: 200px;
 }
 
-#emailAttachments {
-  border-collapse: collapse;
-}
-
-#emailAttachments th, #emailAttachments td {
-  text-align: left;
-  padding: 0 3px 3px 0;
-}
-
-#emailAttachments .fileName:before {
-  content: '\203A\00A0';
-}
-
-#emailAttachments a {
-  background: #8ac6dc;
-  color: #fff;
-  text-decoration: none;
-  padding: 0 5px;
-}
-
-#emailAttachments a:hover {
-  background: #becf74;
-}
-