Refactor photo css

app/assets/stylesheets/stream_element.scss

@@ -1,5 +1,5 @@
 #main_stream .stream_element,
-#main_stream > div > .photo {
+.photo {
   & > .media {
     margin: 0px;
   }
@@ -9,23 +9,22 @@
   }
 }
 
-#main_stream > div > .photo {
-  & > .media {
+.photo {
+  > .media {
     overflow: visible;
     position: relative;
-    > .bd {
-      position: relative;
-      overflow: inherit;
-      > .control-icons {
+
+    .control-icons {
+      background: $white;
       border-radius: 4px;
+      padding-left: 4px;
       position: absolute;
-        right: 6px;
+      right: 4px;
       text-align: center;
       top: 1px;
     }
   }
-    &:hover > .bd > .control-icons { background: $white; }
-  }
+
   .thumbnail {
     background: $white;
     border-radius: 0;

app/assets/templates/photo_tpl.jst.hbs

@@ -1,5 +1,4 @@
 <div class="media">
-  <div class="bd">
   {{#if loggedIn}}
     <div class="control-icons">
       {{#if authorIsCurrentUser}}
@@ -23,7 +22,7 @@
   <a href="{{sizes.large}}" class="thumbnail img-thumbnail photo-link gallery-picture">
     <img src="{{sizes.large}}" class="photo big-photo">
   </a>
-  </div>
+
   <div class="card-footer">
     <div class="footer-container">
       {{#if status_message}}