Adjusting new CSS for smaller screens

8 years ago · 296ce2d45a
parent 2af3abd279
commit 296ce2d45a
1 changed files with 14 additions and 12 deletions
--- 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;
+    }
+  }
 }