moreeeeee styling

4 files changed, 14 insertions, 5 deletions

diff --git a/public/assets/css/bucky.css b/public/assets/css/bucky.css
index 9bce371..fbac5f3 100644
--- a/public/assets/css/bucky.css
+++ b/public/assets/css/bucky.css
@@ -105,6 +105,7 @@ table, tr {
 #content {
   width: -webkit-calc(100% - 310px);
   width: calc(100% - 310px);
+  max-width: 814px;
 }
 
 #content .ledger {
@@ -167,6 +168,7 @@ table, tr {
   padding-right: 4px;
   line-height: 15px;
   padding-top: 10px;
+  padding-bottom: 4px;
 }
 #threads .keyword:first-child td {
   padding-top: 5px;
@@ -579,6 +581,11 @@ code br {
 }
 #search .next_page {
   font-size: 14px;
+  display: block;
+  padding: 10px;
+}
+#search_form {
+  margin-bottom: 10px;
 }
 #search_form .button {
   background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%0A%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213%22%3E%0A%09%3Cg fill=%22none%22 stroke=%22%2354595d%22 stroke-width=%222%22%3E%0A%09%09%3Cpath d=%22M11.29 11.71l-4-4%22/%3E%0A%09%09%3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E%0A%09%3C/g%3E%0A%3C/svg%3E%0A");
@@ -593,13 +600,13 @@ code br {
   border-top: 0;
   border-left: 0;
   border-right: 0;
-  border-bottom: 1px solid #ddd;
+  border-bottom: 1px solid #888;
   padding-bottom: 3px;
   font-size: 14px;
   font-family: 'Trebuchet MS', sans-serif;
   background: transparent;
   outline: 0;
-  width: 300px;
+  width: 270px;
 }
 #search_form input[type='text']:focus {
   border-bottom: 1px solid #211;
diff --git a/public/assets/js/lib/views/details/comments.js b/public/assets/js/lib/views/details/comments.js
index 4bd2eb7..c031efc 100644
--- a/public/assets/js/lib/views/details/comments.js
+++ b/public/assets/js/lib/views/details/comments.js
@@ -10,6 +10,7 @@ var CommentsView = FormView.extend({
   initialize: function(){
     this.__super__.initialize.call(this)
     this.template = this.$(".template").html()
+    this.$formRow = this.$("#comment_form")
   },
   
   load: function(comments){
@@ -33,7 +34,7 @@ var CommentsView = FormView.extend({
 
   appendComment: function(comment){
     var $el = $( this.parse(comment) )
-    this.$el.append($el)
+    $el.insertBefore(this.$formRow)
   },
   
   success: function(){
diff --git a/public/assets/js/lib/views/index/index.js b/public/assets/js/lib/views/index/index.js
index c4d1330..840f150 100644
--- a/public/assets/js/lib/views/index/index.js
+++ b/public/assets/js/lib/views/index/index.js
@@ -22,6 +22,7 @@ var IndexView = View.extend({
     this.hootbox.load(data.hootbox)
     this.threadbox.load(data)
     this.lastlog.load(data.lastlog)
+    $("#search_form input").focus()
   },
   
   success: function(){
diff --git a/public/assets/js/lib/views/search/results.js b/public/assets/js/lib/views/search/results.js
index 2c992e7..516f10d 100644
--- a/public/assets/js/lib/views/search/results.js
+++ b/public/assets/js/lib/views/search/results.js
@@ -33,7 +33,7 @@ var SearchResults = View.extend({
       start: res.meta.start + res.meta.limit,
       limit: res.meta.limit,
     }
-    this.$(".next_page").toggle(res.meta.start + res.meta.limit > res.meta.count)
+    this.$(".next_page").toggle(res.meta.next < res.meta.total)
     this.$(".next_page").attr("href", querystring(next_page))
     res.results.forEach((result) => {
       if (! result.thread) {
@@ -70,7 +70,7 @@ function bold_terms (s, terms) {
   return s
 }
 function querystring(opt){
-  var s = Object.keys(opt).map((key) => {
+  return '?' + Object.keys(opt).map((key) => {
     return encodeURIComponent(key) + "=" + encodeURIComponent(opt[key])
   }).join("&")
 }