wip

app/views/footer/container.html

@@ -5,6 +5,9 @@
                 <a href="/" class="text-decoration-none lh-1">
                     <img src="/images/logo.png" class="bi me-2" width="40" height="32" alt="Joey Kimsey Logo">
                 </a>
+                <div class="d-flex align-items-center">
+                    {SHARE_IMAGE}
+                </div>
                 <div class="material-switch">
                     <input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input">
                     <label for="dark-mode-toggle" class="label-default"></label>

app/views/footer/right.html

@@ -1,5 +1,4 @@
 <div class="col-12 col-sm-6 col-md-3 col-lg-2 mb-3 text-center">
-    {SHARE_IMAGE}
     <h5>Dark Mode</h5>
     <div class="material-switch px-4 mt-2">
         <input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input">

app/views/footer/share.html

@@ -1,9 +1,8 @@
-<div class="text-center mb-3">
-    <h5 class="mb-3">Share</h5>
-    <div class="px-4 mt-2">
+<div class="d-flex justify-content-center">
+    <div class="px-4">
         <!-- Share Button (visible only on medium+ screens) -->
         <button type="button" class="btn btn-outline-primary" 
-                data-bs-toggle="popover" data-bs-html="true" title="Share" 
+                data-bs-toggle="popover" data-bs-html="true" title="Share" data-bs-placement="top"
                 data-bs-content='
                     {QR_CODE}
                     <div class="d-flex justify-content-between">