many tiny changes

app/assets/javascripts/application.js

@@ -13,3 +13,5 @@
 //= #require jquery
 //= #require jquery_ujs
 //= #require_tree .
+//= require jquery
+//= require confirm

app/assets/javascripts/blogposts.js.coffee

@@ -1,3 +0,0 @@
-# Place all the behaviors and hooks related to the matching controller here.
-# All this logic will automatically be available in application.js.
-# You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/

app/assets/javascripts/comments.js.coffee

@@ -1,3 +0,0 @@
-# Place all the behaviors and hooks related to the matching controller here.
-# All this logic will automatically be available in application.js.
-# You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/

app/assets/javascripts/confirm.js

@@ -0,0 +1,6 @@
+$(function(){
+  $('[data-confirm]').click(function(){
+    var c = confirm($(this).attr('data-confirm'));
+    if (!c) return false;
+  })
+})

app/assets/javascripts/users.js.coffee

@@ -1,3 +0,0 @@
-# Place all the behaviors and hooks related to the matching controller here.
-# All this logic will automatically be available in application.js.
-# You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/

app/assets/stylesheets/screen.css.scss

@@ -173,6 +173,9 @@ and (min-width: 1000px)
   #post-content {
     margin-top: 10px;
     clear: both;
+    img {
+      max-width: 100%;
+    }
   }
 
   #comments {
@@ -181,10 +184,18 @@ and (min-width: 1000px)
       margin-bottom: 12px;
       padding: 15px;
       box-shadow: 0 0 10px #bbb inset;
+      &:hover .editlink {
+        opacity: 1;
+        margin-right: 0;
+      }
       &.author {
         background: #dadada;
         box-shadow: 0 0 10px #a7a7a7 inset;
       }
+      .comment-content {
+        word-wrap: break-word;
+        overflow: hidden;
+      }
     }
     textarea {
       width: 480px;
@@ -296,7 +307,24 @@ and (min-width: 1000px)
     }
   }
 
+  .editlink {
+    float: right;
+    opacity: 0;
+    margin-right: -10px;
+    transition: opacity 0.3s, margin 0.3s;
+  }
 
+  #edit_create_post {
+    float: left;
+  }
+
+  #delete_post {
+    float: right;
+  }
+
+  #blogpost_text {
+    width: 100%;
+  }