1 files changed, 28 insertions, 12 deletions
diff --git a/public/assets/css/bucky.css b/public/assets/css/bucky.css
index 23e4690..d123961 100644
--- a/public/assets/css/bucky.css
+++ b/public/assets/css/bucky.css
@@ -55,8 +55,8 @@ h1 {
   margin: 0;
 }
 .subtitle {
-  margin-top: 5px;
   margin-bottom: 10px;
+  line-height: 1.5;
 }
 .subtitle:empty {
   display: none;
@@ -520,15 +520,18 @@ pre br {
   border-color: #ddd;
   height: 240px;
 }
-#comment_form textarea::placeholder {
-  color: #000;
-}
 #comment_form textarea:invalid {
   background: transparent;
   border-color: transparent;
   height: 30px;
   opacity: 0.4;
 }
+#comment_form textarea:invalid::placeholder {
+  color: black;
+}
+#comment_form.focused textarea:invalid::placeholder {
+  color: #888;
+}
 .black #comment_form textarea:invalid::placeholder {
   color: #fff;
   padding-bottom: 4px;
@@ -837,12 +840,17 @@ pre br {
 .index header .search_form {
   display: none;
 }
+header {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
 header .search_form {
-  float: right;
   margin-top: 10px;
+  white-space: nowrap;
 }
-header .search_form input[type=text] {
-  width: 150px;
+.index header .search_form input[type=text] {
+  width: 250px;
 }
 
 /* PROFILE */
@@ -922,8 +930,15 @@ header .search_form input[type=text] {
   }
 }
 @media (max-width: 700px) {
+  html {
+    padding-bottom: 0px;
+  }
   body {
-    padding: 10px 10px;
+    padding: 0;
+  }
+  header {
+    flex-direction: column;
+    justify-content: flex-start;
   }
   h1 {
     font-size: 20px;
@@ -945,17 +960,15 @@ header .search_form input[type=text] {
   }
   header .search_form,
   .index header .search_form {
+    float: none;
     display: block;
     margin-top: 0;
   }
-  .search_form input[type='text'] {
-    width: 250px;
-  }
   #threads td:nth-child(1) {
     display: none;
   }
   #threads td:nth-child(2) {
-    min-width: 200px;
+    min-width: 180px;
   }
   #threads td:nth-child(3) small {
     display: none;
@@ -966,6 +979,9 @@ header .search_form input[type=text] {
   #threads .size {
     display: none;
   }
+  .file td:nth-child(3) {
+    display: none;
+  }
   #details {
     flex-direction: column;
   }