From 9c18bf89b25834dba56d96cec529efa5793317e8 Mon Sep 17 00:00:00 2001
From: gagdiez <gagdiez.c@gmail.com>
Date: Sat, 29 Jun 2024 13:26:12 +0100
Subject: [PATCH] fix: login and search styles

1. The login is now sticking to the bottom, so it is always visible

2. The searchbar has less top-padding, thus reducing the amount of blank space
---
 src/components/sidebar-navigation/Sidebar.tsx | 2 +-
 src/components/sidebar-navigation/styles.ts   | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/sidebar-navigation/Sidebar.tsx b/src/components/sidebar-navigation/Sidebar.tsx
index 9c5604d87..f91809484 100644
--- a/src/components/sidebar-navigation/Sidebar.tsx
+++ b/src/components/sidebar-navigation/Sidebar.tsx
@@ -134,7 +134,7 @@ export const Sidebar = () => {
           </S.Stack>
         </S.Section>
 
-        <S.Section style={{ flexGrow: 1 }}>
+        <S.Section style={{ flexGrow: 1, borderBottom: 'none' }}>
           <S.SectionLabel>Resources </S.SectionLabel>
 
           <S.Stack $gap="0.5rem">
diff --git a/src/components/sidebar-navigation/styles.ts b/src/components/sidebar-navigation/styles.ts
index c2f611717..efb94deac 100644
--- a/src/components/sidebar-navigation/styles.ts
+++ b/src/components/sidebar-navigation/styles.ts
@@ -887,6 +887,11 @@ export const Drawer = styled.div<{
 export const ProfileDropdownSection = styled(Section)<{
   $expanded: boolean;
 }>`
+  position: sticky;
+  bottom: 0;
+  background: var(--white);
+  border-top: 1px solid var(--sand6);
+
   @media (min-width: ${SMALL_SCREEN_LAYOUT_MAX_WIDTH}px) {
     ${(p) =>
       p.$expanded
@@ -909,6 +914,8 @@ export const ProfileDropdownSection = styled(Section)<{
 export const SearchSection = styled(Section)<{
   $expanded: boolean;
 }>`
+  padding: 0 1rem 1rem 1rem;
+
   @media (min-width: ${SMALL_SCREEN_LAYOUT_MAX_WIDTH}px) {
     ${(p) =>
       p.$expanded