image css

2 files changed, 11 insertions, 4 deletions

diff --git a/public/assets/css/bucky.css b/public/assets/css/bucky.css
index 8b4078e..52179f7 100644
--- a/public/assets/css/bucky.css
+++ b/public/assets/css/bucky.css
@@ -201,10 +201,16 @@ table, tr {
   width: 100%;
   height: 100%;
 }
-#hoots td:nth-child(2){
+#hoots td:nth-child(2) {
   text-align: left;
   padding: 5px;
 }
+#hoots td:nth-child(2).image {
+  padding: 0;
+}
+#hoots img {
+  max-width: 100%;
+}
 #hoots tr:nth-child(odd) td:nth-child(2) { background-color: #f3f1f2; }
 #hoots tr:nth-child(even) td:nth-child(2) { background-color: #e3e8e3; }
 
diff --git a/public/assets/js/lib/views/index/hootbox.js b/public/assets/js/lib/views/index/hootbox.js
index 89b5ef8..72fbfde 100644
--- a/public/assets/js/lib/views/index/hootbox.js
+++ b/public/assets/js/lib/views/index/hootbox.js
@@ -26,16 +26,17 @@ var HootBox = FormView.extend({
     var t = this.template.replace(/{{image}}/g, profile_image(comment.username))
                          .replace(/{{username}}/g, comment.username)
                          .replace(/{{comment}}/g, tidy_urls(comment.comment, true))
-    return t
+    var $t = $(t)
+    return $t
   },
   
   prependComment: function(comment){
-    var $el = $( this.parse(comment) )
+    var $el = this.parse(comment)
     this.$hoots.prepend($el)
   },
 
   appendComment: function(comment){
-    var $el = $( this.parse(comment) )
+    var $el = this.parse(comment)
     this.$hoots.append($el)
   },