fix: Enlarge scrollable area in sidebar for improved UX on small screens

2021-02-26 10:51:14 -08:00
parent a3e95023dc
commit 0c301fcf0c
3 changed files with 94 additions and 95 deletions
--- a/app/components/Sidebar/components/Section.js
+++ b/app/components/Sidebar/components/Section.js
@@ -5,9 +5,13 @@ import Flex from "components/Flex";
 const Section = styled(Flex)`
  position: relative;
  flex-direction: column;
-  margin: 20px 8px;
+  margin: 0 8px 20px;
  min-width: ${(props) => props.theme.sidebarMinWidth}px;
  flex-shrink: 0;
+
+  &:first-child {
+    margin-top: 20px;
+  }
 `;

 export default Section;