From 3e1d609f0793e881fc87218e8553deaabcf2db3f Mon Sep 17 00:00:00 2001
From: rishit-singh <rsrishitsingh@gmail.com>
Date: Sun, 14 Jan 2024 23:38:32 -0800
Subject: [PATCH] Fixed scaling on home page and NavBar

---
 frontend/src/app/HomePage.tsx    | 2 +-
 frontend/src/app/NavBar.tsx      | 6 ++----
 frontend/src/app/SocialIcons.tsx | 2 +-
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/HomePage.tsx b/frontend/src/app/HomePage.tsx
index 04734e7..15191a7 100644
--- a/frontend/src/app/HomePage.tsx
+++ b/frontend/src/app/HomePage.tsx
@@ -80,7 +80,7 @@ export default function HomePage({} : HomePageProps)
                 </div>
             </div>
             
-            <div className={"flex flex-row ml-[10%] gap-3 max-[600px]:mx-0 max-[600px]:justify-center"}>
+            <div className={"flex flex-row ml-[10%] gap-3 mb-5 max-[600px]:mx-0 max-[600px]:justify-center"}>
                 <SocialIcons/>
             </div>
         </div>
diff --git a/frontend/src/app/NavBar.tsx b/frontend/src/app/NavBar.tsx
index 2fb00d7..9061183 100644
--- a/frontend/src/app/NavBar.tsx
+++ b/frontend/src/app/NavBar.tsx
@@ -57,10 +57,8 @@ export default function NavBar({ Pages } : NavBarProps)
 
     return (
         <div className="flex flex-row max-[600px]:grid max-[600px]:grid-rows-2  row-start-1 row-span-1 max-[600px]:justify-center">
-            <div className="min-[600px]:basis-1/4 max-[600px]:row-start-1 flex flex-row shrink-0 grow-0 max-[600px]:justify-center ">
-                <div></div>
-                <img src="LCS.png" alt="club-logo" className="ml-5 flex-start-2 max-[600px]:ml-8 shrink-0 grow-0 h-full select-none"/>
-                <div></div>
+            <div className="min-[600px]:basis-1/4 max-[600px]:row-start-1 flex flex-row shrink-0 grow-0 max-[600px]:justify-center flex items-center">
+                <img src="LCS.png" alt="club-logo" className="ml-5 flex-start-2 max-[600px]:ml-0 shrink-0 grow-0 h-full select-none"/>
             </div>
             <div className="min-[600px]:basis-3/4 max-[600px]:grid max-[600px]:grid-template-cols[5%_90%_5%] min-[600px]:flex min-[600px]:justify-end min-[600px]:mr-8 h-full">
                 <div></div>
diff --git a/frontend/src/app/SocialIcons.tsx b/frontend/src/app/SocialIcons.tsx
index 4bbb872..d57bb8c 100644
--- a/frontend/src/app/SocialIcons.tsx
+++ b/frontend/src/app/SocialIcons.tsx
@@ -15,7 +15,7 @@ export default function SocialIcons({} : SocialIconsProps): JSX.Element
     ];
         
     return (<>{Socials.map((name, index) => {
-        return <SocialIcon key={index} url={name} fgColor={"black"} bgColor={"#F15A22"}/>;
+        return <SocialIcon key={index} url={name} fgColor={"black"} bgColor={"#F15A22"} style={{height: 40, width: 40}}/>;
     })}</>); 
 }