added padding to csesoc logo

csesoc · Jan 30, 2023 · 17a6ef6 · 17a6ef6
1 parent 8fccf97
commit 17a6ef6
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 55 deletions.
diff --git a/next/package-lock.json b/next/package-lock.json
diff --git a/next/src/components/navbar/Navbar.tsx b/next/src/components/navbar/Navbar.tsx
@@ -12,7 +12,7 @@ import {
   HamburgerButton,
   ImageWrapper,
   MiniPageContainer,
-  HomepageButton
+  HomepageButton,
 } from "./Navbar-styled";
 
 const Navbar = (props: NavbarOpenProps) => {
@@ -47,18 +47,22 @@ const Navbar = (props: NavbarOpenProps) => {
         <MiniPageContainer>
           <ImageWrapper>
             <Link href="/">
-              <Image src="/assets/WebsitesIcon.png" layout="fill" objectFit="contain" objectPosition="left" />
+              <Image
+                src="/assets/WebsitesIcon.png"
+                layout="fill"
+                objectFit="contain"
+                objectPosition="left"
+                style={{ paddingLeft: "1rem", paddingTop: "1rem" }}
+              />
             </Link>
-
           </ImageWrapper>
 
           <HomepageButton>
             <Link href="/">
               <div style={{ color: "#FFFFFF" }}>Homepage</div>
             </Link>
           </HomepageButton>
-
-        </MiniPageContainer >
+        </MiniPageContainer>
       );
   }
 };