Merge pull request #6949 from svbergerem/refactor-photos-css

Refactor photo css

app/assets/stylesheets/stream_element.scss

 #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 {
-        border-radius: 4px;
-        position: absolute;
-        right: 6px;
-        text-align: center;
-        top: 1px;
-      }
+
+    .control-icons {
+      background: $white;
+      border-radius: 4px;
+      padding-left: 4px;
+      position: absolute;
+      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

 <div class="media">
-  <div class="bd">
-    {{#if loggedIn}}
-      <div class="control-icons">
-        {{#if authorIsCurrentUser}}
-          <a href="#" rel="nofollow" class="delete remove_post" title="{{t "delete"}}">
-            <i class="entypo-trash"></i>
-          </a>
-        {{else}}
-          <a href="#" rel="nofollow" data-type="Post" class="post_report" title="{{t "report.name"}}">
-            <i class="entypo-warning"></i>
-          </a>
-          <a href="#" rel="nofollow" class="block_user" title="{{t "ignore"}}">
-            <i class="entypo-block"></i>
-          </a>
-          <a href="#" rel="nofollow" class="delete hide_post" title="{{t "stream.hide"}}">
-            <i class="entypo-cross"></i>
-          </a>
-        {{/if}}
-      </div>
-    {{/if}}
+  {{#if loggedIn}}
+    <div class="control-icons">
+      {{#if authorIsCurrentUser}}
+        <a href="#" rel="nofollow" class="delete remove_post" title="{{t "delete"}}">
+          <i class="entypo-trash"></i>
+        </a>
+      {{else}}
+        <a href="#" rel="nofollow" data-type="Post" class="post_report" title="{{t "report.name"}}">
+          <i class="entypo-warning"></i>
+        </a>
+        <a href="#" rel="nofollow" class="block_user" title="{{t "ignore"}}">
+          <i class="entypo-block"></i>
+        </a>
+        <a href="#" rel="nofollow" class="delete hide_post" title="{{t "stream.hide"}}">
+          <i class="entypo-cross"></i>
+        </a>
+      {{/if}}
+    </div>
+  {{/if}}
+
+  <a href="{{sizes.large}}" class="thumbnail img-thumbnail photo-link gallery-picture">
+    <img src="{{sizes.large}}" class="photo big-photo">
+  </a>
 
-    <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}}