added hover to edit photo

app/assets/stylesheets/application.css

@@ -106,6 +106,25 @@ body,
     float: right;
 }
 
+.edit_user .userImage {
+    width: 120px;
+    margin: 0 auto;
+    position: relative;
+}
+.edit_user .editPhoto {
+    display: none;
+    width: 40px;
+    height: 40px;
+    background-image: url(photo.png);
+    position: absolute;
+    top: 40px;
+    left: 40px;
+    cursor: pointer;
+}
+.edit_user .userImage:hover .editPhoto {
+    display: block;
+}
+
 html {
 
 } 

app/views/users/edit.html.erb

@@ -8,7 +8,10 @@
 <div id="yield">
 <%= form_for @user, url: user_url, :html =>{ :class => "edit_user centerGreyForm"} do |form| %>
   <h3>Edit Account</h3>
-  <% if @user.image %><%= image_tag @user.image.url(:round), :size => "120x120" %><% end %>
+  <div class="userImage">
+    <%= image_tag @user.image.url(:round), :size => "120x120" %>
+    <div class="editPhoto"></div>
+  </div>
   <div class="name"> <%= @user.name %> </div>
   <div><%= form.label :email, "Email:", :class => "firstFieldText" %>
   <%= form.email_field :email  %></div>