Fix most pages on small screens

1 files changed, 14 insertions, 3 deletions

diff --git a/app/assets/stylesheets/stream_entries.scss b/app/assets/stylesheets/stream_entries.scss
index a111ec1e6..27eb21361 100644
--- a/app/assets/stylesheets/stream_entries.scss
+++ b/app/assets/stylesheets/stream_entries.scss
@@ -60,8 +60,12 @@
     border-radius: 0;
     box-shadow: none;
 
-    &.activity-stream-headless {
-      .entry:first-child {
+    .entry {
+      &:last-child {
+        border-radius: 0;
+      }
+
+      &:first-child {
         border-radius: 0;
 
         &:last-child {
@@ -71,6 +75,12 @@
     }
   }
 
+  @media screen and (max-width: 360px) {
+    .avatar {
+      display: none;
+    }
+  }
+
   .entry__container {
     display: flex;
   }
@@ -192,6 +202,7 @@
     display: block;
     overflow: hidden;
     padding-left: 10px;
+    margin-bottom: 21px;
 
     li {
       display: block;
@@ -200,7 +211,7 @@
       height: 100px;
       border-radius: 4px;
       margin-right: 4px;
-      margin-bottom: 25px;
+      margin-bottom: 4px;
 
       a {
         display: block;