added follow button to dim view

app/assets/stylesheets/scss/user.scss

@@ -87,9 +87,57 @@
 }
 
 .profile--avatar {
+  width: 100%;
+  height: auto;
+}
+
+.profile--avatar img {
   border-top-left-radius: 2px;
   border-top-right-radius: 2px;
   width: 100%;
   height: auto;
   border: medium none;
+}
+
+.profile--avatar .dimmer {
+  width: 100%;
+  position: relative;
+  display: block;
+  height: auto;
+  min-height: 0px;
+  background: none repeat scroll 0% 0% #FFF;
+  padding: 0px;
+  border: medium none;
+  border-radius: 0.2857rem;
+  box-shadow: 0px 0.2em 0px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
+  transition: box-shadow 0.2s ease 0s;
+  opacity: 0;
+}
+
+.profile--avatar .dimmer:hover {
+  width: 100%;
+  position: relative;
+  display: block;
+  height: auto;
+  min-height: 0px;
+  background: none repeat scroll 0% 0% #FFF;
+  padding: 0px;
+  border: medium none;
+  border-radius: 0.2857rem;
+  box-shadow: 0px 0.2em 0px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
+  transition: box-shadow 0.2s ease 0s;
+  opacity: 1;
+}
+
+.profile--avatar .dimmer .content {
+  width: 100%;
+  height: 100%;
+  display: table;
+  -moz-user-select: text;
+}
+
+.profile--avatar .dimmer .content .center {
+  display: table-cell;
+  vertical-align: middle;
+  padding: 20px;
 }

app/views/user/_profile_info.html.haml

@@ -1,5 +1,10 @@
 .panel.panel-default
-  %img.profile--avatar{src: @user.profile_picture.url(:large)}
+  .profile--avatar
+    .dimmer
+      .content
+        .center
+          = render 'user/actions', user: @user, type: :follower
+    %img{src: @user.profile_picture.url(:large)}
   .panel-body
     - if @user.display_name.blank?
       .profile--displayname
@@ -47,5 +52,4 @@
       %p.profile--text
         %i.fa.fa-location-arrow
         = @user.location
-    = render 'user/actions', user: @user, type: :follower
 = render 'user/stats', user: @user