From f6f716d3462dbe20f8ec169b66816bc33cc9eb1c Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Wed, 26 Mar 2025 00:19:46 +0000
Subject: [PATCH] Fixed minor position issues

---
 src/App.jsx               | 5 ++++-
 src/views/MainView.jsx    | 4 ++--
 src/views/SocialsView.jsx | 4 ++--
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 228c364..edc6965 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -173,7 +173,10 @@ const App = () => {
         <motion.div
           initial={{ paddingLeft: "20px" }}
           animate={{
-            paddingLeft: currentView === "index" && isMobile ? "50px" : "20px",
+            paddingLeft:
+              (currentView === "index" || currentView === "socials") && isMobile
+                ? "50px"
+                : "20px",
           }}
           transition={{ duration: 0.5 }}
           style={{
diff --git a/src/views/MainView.jsx b/src/views/MainView.jsx
index 825fbd0..90d6cfc 100644
--- a/src/views/MainView.jsx
+++ b/src/views/MainView.jsx
@@ -13,7 +13,7 @@ const MainView = ({ setCurrentView }) => {
       style={{ height: "100%", padding: "24px 50px" }}
     >
       <div style={{ textAlign: "center", maxWidth: "800px", margin: "0 0" }}>
-        <div className={"tblogo"}>
+        <Flex className={"tblogo"}>
           {isMobile ? (
             <img
               src="https://cdn.tombutcher.work/logos/logo-vertical.svg"
@@ -25,7 +25,7 @@ const MainView = ({ setCurrentView }) => {
               height={60}
             />
           )}
-        </div>
+        </Flex>
         {isMobile ? (
           <Flex
             justify="left"
diff --git a/src/views/SocialsView.jsx b/src/views/SocialsView.jsx
index 65d2315..828121b 100644
--- a/src/views/SocialsView.jsx
+++ b/src/views/SocialsView.jsx
@@ -37,7 +37,7 @@ const SocialsView = ({ referrer }) => {
       style={{ height: "100%", padding: "24px 50px" }}
     >
       <div style={{ textAlign: "center", maxWidth: "900px", margin: "0 0" }}>
-        <div className={"tblogo"}>
+        <Flex className={"tblogo"}>
           {isMobile ? (
             <img
               src="https://cdn.tombutcher.work/logos/logo-vertical.svg"
@@ -49,7 +49,7 @@ const SocialsView = ({ referrer }) => {
               height={60}
             />
           )}
-        </div>
+        </Flex>
         <Flex
           gap="20px"
           align={"center"}