more mobile css

2 files changed, 11 insertions, 4 deletions

diff --git a/public/assets/css/bucky.css b/public/assets/css/bucky.css
index 697f6c7..8874311 100644
--- a/public/assets/css/bucky.css
+++ b/public/assets/css/bucky.css
@@ -135,7 +135,7 @@ table, tr {
   padding: 4px;
 }
 #hootbox input[type=text] {
-  width: 225px;
+  width: calc(100% - 57px);
   margin-left: 3px;
 }
 #hootbox button {
@@ -719,17 +719,24 @@ header .search_form {
   #threads .size {
     display: none;
   }
-  #details > tr {
-    display: flex;
+  #details {
     flex-direction: column;
   }
   #comments {
+    padding-right: 0px;
   }
   #comments .avatar {
     width: 30px;
     height: 30px;
   }
   .comment div {
+    max-width: 81vw;
     padding-bottom: 3px;
   }
+  #details .right {
+    width: 100%;
+  }
+  input[type=file] {
+    width: 150px;
+  }
 }
diff --git a/public/assets/js/lib/views/index/index.js b/public/assets/js/lib/views/index/index.js
index 5acfe8b..21aec39 100644
--- a/public/assets/js/lib/views/index/index.js
+++ b/public/assets/js/lib/views/index/index.js
@@ -29,7 +29,7 @@ var IndexView = View.extend({
     this.hootbox.load(data.hootbox)
     this.threadbox.load(data)
     this.lastlog.load(data.lastlog)
-    $("#search_form input").focus()
+    $(".search_form input").focus()
   },
   
   success: function(){