Adjusting new CSS for smaller screens

diff --git a/app/assets/stylesheets/stream_entries.scss b/app/assets/stylesheets/stream_entries.scss
index 910fdf6351c6e6e5b7372d5f11d529caadacb674..badae38417c5fcd190e1eb0d212aed6e299ed159 100644 (file)
--- a/app/assets/stylesheets/stream_entries.scss
+++ b/app/assets/stylesheets/stream_entries.scss
@@ -46,13 +46,11 @@
     }
   }
 
-  &.activity-stream-headless {
-    .entry:first-child {
-      border-radius: 4px 4px 0 0;
+  .entry:first-child {
+    border-radius: 4px 4px 0 0;
 
-      &:last-child {
-        border-radius: 4px;
-      }
+    &:last-child {
+      border-radius: 4px;
     }
   }
 
@@ -75,12 +73,6 @@
     }
   }
 
-  @media screen and (max-width: 360px) {
-    .avatar {
-      display: none;
-    }
-  }
-
   .entry__container {
     overflow: hidden;
   }
@@ -227,4 +219,14 @@
       }
     }
   }
+
+  @media screen and (max-width: 360px) {
+    .avatar {
+      display: none;
+    }
+
+    .entry__container__container {
+      margin-left: 7px;
+    }
+  }
 }