From 3760cd576b8e2683224dc4f565fc68cd2150d577 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Sun, 3 Apr 2022 23:37:14 -0500
Subject: [PATCH] Tweak padding/margin

---
 web/components/nav/profile-menu.tsx | 2 +-
 web/components/nav/sidebar.tsx      | 4 ++--
 web/components/page.tsx             | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/components/nav/profile-menu.tsx b/web/components/nav/profile-menu.tsx
index 0141c19e..7e8d98da 100644
--- a/web/components/nav/profile-menu.tsx
+++ b/web/components/nav/profile-menu.tsx
@@ -30,7 +30,7 @@ export function getNavigationOptions(user?: User | null) {
 export function ProfileSummary(props: { user: User | undefined }) {
   const { user } = props
   return (
-    <Row className="group avatar my-3 items-center gap-4 rounded-md py-3 text-gray-600 group-hover:bg-gray-100 group-hover:text-gray-900">
+    <Row className="group avatar items-center gap-4 rounded-md py-3 text-gray-600 group-hover:bg-gray-100 group-hover:text-gray-900">
       <Avatar avatarUrl={user?.avatarUrl} username={user?.username} noLink />
 
       <div className="truncate text-left">
diff --git a/web/components/nav/sidebar.tsx b/web/components/nav/sidebar.tsx
index c75cce28..5977eaa9 100644
--- a/web/components/nav/sidebar.tsx
+++ b/web/components/nav/sidebar.tsx
@@ -104,11 +104,11 @@ export default function Sidebar() {
 
   return (
     <nav aria-label="Sidebar" className="sticky top-4 divide-gray-300 pl-2">
-      <div className="space-y-1 pb-4">
+      <div className="space-y-1 pb-6">
         <ManifoldLogo hideText />
       </div>
 
-      <div style={{ minHeight: 93 }}>
+      <div className="mb-2" style={{ minHeight: 80 }}>
         {user ? (
           <Link href={`/${user.username}`}>
             <a className="group">
diff --git a/web/components/page.tsx b/web/components/page.tsx
index 76cf7bdd..55d94cd1 100644
--- a/web/components/page.tsx
+++ b/web/components/page.tsx
@@ -14,7 +14,7 @@ export function Page(props: {
     <div>
       <div
         className={clsx(
-          'mx-auto w-full pb-16 pt-6 lg:grid lg:grid-cols-12 lg:gap-8 xl:max-w-7xl',
+          'mx-auto w-full pb-14 lg:grid lg:grid-cols-12 lg:gap-8 lg:pt-6 xl:max-w-7xl',
           margin && 'px-4'
         )}
       >