From aeebd877e5f32d519740a96610239842d1cbcd16 Mon Sep 17 00:00:00 2001
From: Altay <altay@zebrastik.com>
Date: Fri, 15 Dec 2023 22:12:57 +0300
Subject: [PATCH] refactor: fine-tune layout

---
 app/(auth)/layout.tsx            | 8 +++++++-
 app/(auth)/sign-in/page.tsx      | 9 ++++-----
 components/layout/app-header.tsx | 2 +-
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/app/(auth)/layout.tsx b/app/(auth)/layout.tsx
index 1ca75f0..d1c4fd7 100644
--- a/app/(auth)/layout.tsx
+++ b/app/(auth)/layout.tsx
@@ -17,7 +17,13 @@ export default function AuthLayout(props: PropsWithChildren) {
           minHeight: '80vh',
         }}
       >
-        <Link href="/" title="Go to home page">
+        <Link
+          href="/"
+          style={{
+            lineHeight: 1,
+          }}
+          title="Go to home page"
+        >
           <Logo size={64} />
         </Link>
 
diff --git a/app/(auth)/sign-in/page.tsx b/app/(auth)/sign-in/page.tsx
index 2bf6c89..77274e6 100644
--- a/app/(auth)/sign-in/page.tsx
+++ b/app/(auth)/sign-in/page.tsx
@@ -4,11 +4,10 @@ import { FaSpotify } from 'react-icons/fa';
 export default function Page() {
   return (
     <Flex direction="column" gap="4">
-      <Heading>Welcome to beecast</Heading>
+      <Heading trim="both">Welcome to beecast</Heading>
 
-      <Text color="gray" size="4">
-        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod
-        quia quibusdam quos quae.
+      <Text color="gray" size="4" trim="both">
+        A more efficient way to listen podcasts.
       </Text>
 
       <form action="/auth/sign-in" method="POST">
@@ -20,7 +19,7 @@ export default function Page() {
         </Flex>
       </form>
 
-      <Text color="gray" size="1">
+      <Text color="gray" size="1" trim="both">
         By clicking continue, you acknowledge that you have read and understood,
         and agree to our{' '}
         <Link href="/terms-of-service" target="_blank">
diff --git a/components/layout/app-header.tsx b/components/layout/app-header.tsx
index a6dddf8..df9b02c 100644
--- a/components/layout/app-header.tsx
+++ b/components/layout/app-header.tsx
@@ -139,7 +139,7 @@ export function AppHeader(props: Props) {
     <Flex direction="column" gap="4" py="4">
       <AppContent>
         <Flex align="center" justify="between">
-          <Link href="/">
+          <Link href="/" style={{ lineHeight: 1 }}>
             <Logo size={36} />
           </Link>