From 8ff51a3e503155278b542c1694ae84af97d9d9b4 Mon Sep 17 00:00:00 2001
From: Nate Kelley <nate@buster.so>
Date: Fri, 27 Jun 2025 11:18:02 -0600
Subject: [PATCH] Update list padding

---
 apps/web/src/app/app/(primary_layout)/home/page.tsx   |  2 +-
 .../features/modal/DashboardFilterDiffModall.tsx      |  2 ++
 apps/web/src/components/ui/buttons/Button.tsx         |  7 ++++++-
 .../src/components/ui/card/CollapisbleFileCard.tsx    |  6 +++---
 .../components/ui/layouts/AppPageLayout.stories.tsx   | 11 -----------
 apps/web/src/components/ui/typography/Paragraph.tsx   |  4 ++--
 .../components/ui/typography/TextAndVersionText.tsx   |  2 +-
 apps/web/src/controllers/HomePage/HomePageHeader.tsx  |  3 ++-
 .../TermIndividualController.tsx                      |  2 +-
 .../ChatLayout/ChatContainer/ChatContainer.tsx        |  1 +
 .../ChatLayout/FileContainer/FileContainer.tsx        |  1 +
 package.json                                          |  1 +
 12 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/apps/web/src/app/app/(primary_layout)/home/page.tsx b/apps/web/src/app/app/(primary_layout)/home/page.tsx
index edca28d64..99e02139e 100644
--- a/apps/web/src/app/app/(primary_layout)/home/page.tsx
+++ b/apps/web/src/app/app/(primary_layout)/home/page.tsx
@@ -8,7 +8,7 @@ export const metadata: Metadata = {
 
 export default function HomePage() {
   return (
-    <AppPageLayout header={<HomePageHeader />}>
+    <AppPageLayout headerSizeVariant="list" header={<HomePageHeader />}>
       <HomePageController />
     </AppPageLayout>
   );
diff --git a/apps/web/src/components/features/modal/DashboardFilterDiffModall.tsx b/apps/web/src/components/features/modal/DashboardFilterDiffModall.tsx
index 776c66165..3ba55cfba 100644
--- a/apps/web/src/components/features/modal/DashboardFilterDiffModall.tsx
+++ b/apps/web/src/components/features/modal/DashboardFilterDiffModall.tsx
@@ -81,6 +81,7 @@ const ModalSidebar: React.FC<{
 
   return (
     <AppPageLayout
+      headerSizeVariant="default"
       headerBorderVariant="ghost"
       header={SidebarHeader}
       scrollable
@@ -127,6 +128,7 @@ const Content: React.FC<{
 }> = ({ className, selectedMetric }) => {
   return (
     <AppPageLayout
+      headerSizeVariant="default"
       headerClassName="px-3!"
       header={useMemo(
         () => (
diff --git a/apps/web/src/components/ui/buttons/Button.tsx b/apps/web/src/components/ui/buttons/Button.tsx
index ac7c89ba4..61cfcf910 100644
--- a/apps/web/src/components/ui/buttons/Button.tsx
+++ b/apps/web/src/components/ui/buttons/Button.tsx
@@ -67,7 +67,12 @@ export const buttonVariants = cva(
       {
         iconButton: true,
         size: 'small',
-        className: 'w-5 min-w-5 max-w-5'
+        className: 'w-5 min-w-5 max-w-5 px-1.5'
+      },
+      {
+        iconButton: false,
+        size: 'small',
+        className: 'px-1.5'
       }
     ],
     defaultVariants: {
diff --git a/apps/web/src/components/ui/card/CollapisbleFileCard.tsx b/apps/web/src/components/ui/card/CollapisbleFileCard.tsx
index 182e2ead3..7ccfa5777 100644
--- a/apps/web/src/components/ui/card/CollapisbleFileCard.tsx
+++ b/apps/web/src/components/ui/card/CollapisbleFileCard.tsx
@@ -296,10 +296,10 @@ const CollapseToggleIcon = React.memo(
           {showChevron && (
             <motion.div
               key="chevron"
-              initial={{ opacity: 0, rotate: 0 }}
-              animate={{ opacity: 1, rotate: !isCollapsed ? 180 : 0 }}
+              initial={{ opacity: 0, rotate: -90 }}
+              animate={{ opacity: 1, rotate: !isCollapsed ? 0 : -90 }}
               exit={{ opacity: 0 }}
-              transition={{ duration: 0.12, ease: 'easeInOut' }}
+              transition={{ duration: 0.165, ease: 'easeInOut' }}
               className={cn(
                 'text-icon-color absolute inset-0 flex h-5 w-5 items-center justify-center text-base'
               )}>
diff --git a/apps/web/src/components/ui/layouts/AppPageLayout.stories.tsx b/apps/web/src/components/ui/layouts/AppPageLayout.stories.tsx
index 8a34de58d..0aa829fda 100644
--- a/apps/web/src/components/ui/layouts/AppPageLayout.stories.tsx
+++ b/apps/web/src/components/ui/layouts/AppPageLayout.stories.tsx
@@ -68,17 +68,6 @@ export const LongContent: Story = {
   }
 };
 
-/*
-    <AppPageLayout
-      contentContainerId={CHAT_CONTENT_CONTAINER_ID}
-      header={<ChatHeader />}
-      headerBorderVariant="ghost"
-      scrollable
-      className="flex h-full w-full min-w-[295px] flex-col">
-      <ChatContent />
-    </AppPageLayout>
-*/
-
 export const LongContentGhostHeader: Story = {
   args: {
     contentContainerId: 'chat-container-content',
diff --git a/apps/web/src/components/ui/typography/Paragraph.tsx b/apps/web/src/components/ui/typography/Paragraph.tsx
index b9486d1b6..6f6abdecf 100644
--- a/apps/web/src/components/ui/typography/Paragraph.tsx
+++ b/apps/web/src/components/ui/typography/Paragraph.tsx
@@ -14,8 +14,8 @@ const paragraphVariants = cva('', {
     },
     lineHeight: {
       none: 'leading-[1]!',
-      sm: 'leading-1.3!',
-      base: 'leading-1.3!',
+      sm: 'leading-1.5!',
+      base: 'leading-1.5!',
       md: 'leading-[1.4]!',
       lg: 'leading-[1.5]!'
     }
diff --git a/apps/web/src/components/ui/typography/TextAndVersionText.tsx b/apps/web/src/components/ui/typography/TextAndVersionText.tsx
index be56a9e35..6d62eeb7f 100644
--- a/apps/web/src/components/ui/typography/TextAndVersionText.tsx
+++ b/apps/web/src/components/ui/typography/TextAndVersionText.tsx
@@ -8,7 +8,7 @@ export const TextAndVersionText = React.memo(
         <Text size={'base'} truncate>
           {text}
         </Text>
-        <Text size={'base'} variant={'secondary'}>
+        <Text size={'sm'} variant={'secondary'}>
           {`Version ${version}`}
         </Text>
       </div>
diff --git a/apps/web/src/controllers/HomePage/HomePageHeader.tsx b/apps/web/src/controllers/HomePage/HomePageHeader.tsx
index af2026742..57fe7b47f 100644
--- a/apps/web/src/controllers/HomePage/HomePageHeader.tsx
+++ b/apps/web/src/controllers/HomePage/HomePageHeader.tsx
@@ -1,5 +1,6 @@
 import type React from 'react';
+import { Text } from '@/components/ui/typography/Text';
 
 export const HomePageHeader: React.FC<Record<string, never>> = () => {
-  return <div>Home</div>;
+  return <Text size={'base'}>Home</Text>;
 };
diff --git a/apps/web/src/controllers/TermIndividualController/TermIndividualController.tsx b/apps/web/src/controllers/TermIndividualController/TermIndividualController.tsx
index 97e8c8b91..64e796d28 100644
--- a/apps/web/src/controllers/TermIndividualController/TermIndividualController.tsx
+++ b/apps/web/src/controllers/TermIndividualController/TermIndividualController.tsx
@@ -30,7 +30,7 @@ export const TermIndividualController: React.FC<{
       }
       rightHidden={!isFetchedTermsList}
       rightChildren={
-        <AppPageLayout header={<TermIndividualHeaderSider />}>
+        <AppPageLayout headerSizeVariant="default" header={<TermIndividualHeaderSider />}>
           <TermIndividualContentSider termId={termId} />
         </AppPageLayout>
       }
diff --git a/apps/web/src/layouts/ChatLayout/ChatContainer/ChatContainer.tsx b/apps/web/src/layouts/ChatLayout/ChatContainer/ChatContainer.tsx
index 1de2b95b8..8cad497fb 100644
--- a/apps/web/src/layouts/ChatLayout/ChatContainer/ChatContainer.tsx
+++ b/apps/web/src/layouts/ChatLayout/ChatContainer/ChatContainer.tsx
@@ -6,6 +6,7 @@ import { ChatHeader } from './ChatHeader';
 export const ChatContainer = React.memo(({ mounted }: { mounted?: boolean }) => {
   return (
     <AppPageLayout
+      headerSizeVariant="default"
       header={<ChatHeader />}
       headerBorderVariant="ghost"
       scrollable
diff --git a/apps/web/src/layouts/ChatLayout/FileContainer/FileContainer.tsx b/apps/web/src/layouts/ChatLayout/FileContainer/FileContainer.tsx
index 595094c04..762a97a02 100644
--- a/apps/web/src/layouts/ChatLayout/FileContainer/FileContainer.tsx
+++ b/apps/web/src/layouts/ChatLayout/FileContainer/FileContainer.tsx
@@ -89,6 +89,7 @@ export const FileContainer: React.FC<FileContainerProps> = ({ children }) => {
 
   return (
     <AppPageLayout
+      headerSizeVariant="default"
       className="flex h-full min-w-[380px] flex-col"
       header={useMemo(
         () => (
diff --git a/package.json b/package.json
index 1ca41b735..be63f6cbe 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "db:stop": "pnpm --filter @buster/database run db:stop",
     "db:studio": "pnpm --filter @buster/database run db:studio",
     "dev": "turbo dev",
+    "dev:no-web": "turbo dev --filter \"!@buster-app/web\"",
     "dev:db-init": "turbo run dev:init --filter \"@buster/database\"",
     "dev:server": "turbo run dev --filter \"@buster-app/server\"",
     "dev:server:reset": "pnpm run dev:db-init && turbo run dev --filter \"@buster-app/server\"",