searchbox html

2 files changed, 26 insertions, 8 deletions

diff --git a/public/assets/css/bucky.css b/public/assets/css/bucky.css
index 0db5a00..c73af3d 100644
--- a/public/assets/css/bucky.css
+++ b/public/assets/css/bucky.css
@@ -36,6 +36,11 @@ button {
 .head a:active  { color: #000;}
 .head a:hover   { color: #558;}
 
+h1 {
+  font-size: 30px;
+  font-weight: bold;
+  margin: 0;
+}
 .bluebox {
 	background-color: #d8e0ec;
 	color: #000000;
@@ -44,6 +49,13 @@ button {
 	padding: 3px;
 	margin: 0 0 5px 0;
 }
+.bluebox input[type=text] {
+  border: 1px solid #000;
+  font-size: 12px;
+  position: relative;
+  top: 1px;
+  margin-bottom: 5px;
+}
 hr {
   border-color: #000;
 }
@@ -52,22 +64,28 @@ hr {
   width: 300px;
 }
 
+#searchbox.bluebox {
+  text-align: left;
+  padding: 3px 2px 3px 4px;
+}
+#searchbox input[type=text] {
+  width: 225px;
+  margin-left: 3px;
+}
+
 #hootbox.bluebox {
+  text-align: left;
   padding: 0;
 }
 #hootbox form {
   padding: 4px;
 }
 #hootbox input[type=text] {
-  border: 2px solid #000;
-  font-size: 13px;
-  position: relative;
-  top: 2px;
-  margin-bottom: 5px;
-  width: 230px;
+  width: 225px;
+  margin-left: 3px;
 }
 #hootbox button {
-  width: 36px;
+  width: 44px;
 }
 #hoots {
   margin: 0;
diff --git a/public/assets/js/lib/views/index/hootbox.js b/public/assets/js/lib/views/index/hootbox.js
index 43c4fe9..048c017 100644
--- a/public/assets/js/lib/views/index/hootbox.js
+++ b/public/assets/js/lib/views/index/hootbox.js
@@ -12,7 +12,7 @@ var HootboxView = FormView.extend({
   },
   
   load: function(comments){
-    comments.forEach(this.prependComment.bind(this))
+    comments.forEach(this.appendComment.bind(this))
   },
   
   parse: function(comment){