Fix mobile view

app/components/AppFooter.vue

@@ -28,7 +28,7 @@ const socials = [
       />
     </div>
     <div class="space-y-4">
-      <div class="flex gap-2 items-center">
+      <div class="flex flex-col md:flex-row gap-2 md:items-center">
         <h3>Find me on:</h3>
         <div class="flex gap-4">
           <HomeLink
@@ -40,7 +40,7 @@ const socials = [
           />
         </div>
       </div>
-      <div class="flex gap-2">
+      <div class="flex flex-col md:flex-row gap-2 md:items-center">
         <h4>Or send me an email:</h4>
         <HomeLink
           label="arthurdanjou@outlook.fr"

app/components/content/Activity.vue

@@ -34,10 +34,10 @@ useIntervalFn(async () => await refresh(), 5000)
   </div>
   <div
     v-else
-    class="flex items-center gap-2"
+    class="flex md:items-start gap-2"
   >
     <UTooltip text="I'm offline 🫥">
-      <div class="h-3 w-3 inline-flex rounded-full bg-red-500" />
+      <div class="cursor-not-allowed h-3 w-3 inline-flex rounded-full bg-red-500 mt-7" />
     </UTooltip>
     <p>
       I'm currently offline. Come back later to see what I'm working on.