align text and re-order button in nav

saadq · Jan 1, 2024 · 27b43c8 · 27b43c8
1 parent f257a08
commit 27b43c8
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/generator/Sidebar.tsx b/src/components/generator/Sidebar.tsx
@@ -17,15 +17,18 @@ const Nav = styled.nav`
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
-  gap: 20px;
+  gap: 24px;
   margin-bottom: 28px;
+
+  button {
+    cursor: grab;
+  }
 `
 
 const StyledLink = styled(Link)<{ $active: boolean }>`
   text-decoration: none;
   font-weight: 300;
   color: ${colors.foreground};
-  padding-bottom: 6px;
 
   ${(props) => props.$active && `color: ${colors.primary};`}
 `