Minor layout fixesHEADmaster

2 files changed, 15 insertions, 11 deletions

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 5f7e321..d6e47c5 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -5,16 +5,6 @@ import OpenMoji from '../components/OpenMoji.astro';
 
 <BaseLayout title="Matthew Kosarek" description="The personal website of Matthew Kosarek">
   <div class="index-layout">
-    <aside class="sidebar">
-      <ul>
-        <li><a href="https://github.com/mattkae">Github</a><span>my personal github with most of my projects</span></li>
-        <li><a href="https://git.matthewkosarek.xyz">CGit</a><span>my self-hosted git instance with a few of my projects</span></li>
-        <li style="display: none;"><a href="https://physicsforgames.com">physicsforgames.com</a><span>a project that I'm currently working on in my spare time where I explore the world of realtime physics</span></li>
-        <li><a href="https://www.linkedin.com/in/matthew-kosarek/">LinkedIn</a><span>corporate goings-ons</span></li>
-        <li><a href="mailto:matthew@matthewkosarek.xyz">Email</a><span>matthew@matthewkosarek.xyz</span></li>
-      </ul>
-    </aside>
-
     <div class="index-main">
       <section>
         <p>
@@ -36,5 +26,15 @@ import OpenMoji from '../components/OpenMoji.astro';
         </p>
       </section>
     </div>
+
+    <aside class="sidebar">
+      <ul>
+        <li><a href="https://github.com/mattkae">Github</a><span>my personal github with most of my projects</span></li>
+        <li><a href="https://git.matthewkosarek.xyz">CGit</a><span>my self-hosted git instance with a few of my projects</span></li>
+        <li style="display: none;"><a href="https://physicsforgames.com">physicsforgames.com</a><span>a project that I'm currently working on in my spare time where I explore the world of realtime physics</span></li>
+        <li><a href="https://www.linkedin.com/in/matthew-kosarek/">LinkedIn</a><span>corporate goings-ons</span></li>
+        <li><a href="mailto:matthew@matthewkosarek.xyz">Email</a><span>matthew@matthewkosarek.xyz</span></li>
+      </ul>
+    </aside>
   </div>
 </BaseLayout>
diff --git a/src/styles/index.css b/src/styles/index.css
index 70c0f1b..8f9901a 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -355,11 +355,15 @@ only screen and (max-width:960px) {
         top: calc(50% - 4rem);
     }
 
+    body {
+      margin-top: 4rem;
+    }
+
     #hamburger {
         display: block;
         position: fixed;
         top: 0.5rem;
-        right: 5rem;
+        right: 2rem;
         z-index: 1002;
         padding: 0.5rem;
     }