From 17f21c4106b71bf3a5e57edcc46b3f66ccffef99 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 9 Oct 2021 12:16:55 -0500
Subject: [PATCH] Column: more clearly indicate when scrolled to top on mobile

---
 app/styles/components/columns.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/styles/components/columns.scss b/app/styles/components/columns.scss
index 88bfab6c6..cbaaee9ca 100644
--- a/app/styles/components/columns.scss
+++ b/app/styles/components/columns.scss
@@ -122,11 +122,9 @@
   }
 
   @media (max-width: 580px) {
-    padding: 0;
-
     .timeline-compose-block {
       border-radius: 0;
-      margin-top: 10px; // Make less claustrophobic
+      margin-top: -5px;
     }
   }
 
@@ -349,6 +347,10 @@
     background: transparent;
     border-radius: 0;
     box-shadow: none;
+
+    .sub-navigation {
+      box-shadow: 0 -6px 6px -6px rgba(0, 0, 0, 0.1);
+    }
   }
 
   @media screen and (max-width: 580px) {