Move socials in the right place.

Author: nikoshell

src/components/Footer.astro

@@ -26,7 +26,7 @@ const socialLinks = [
   <p class="mb-16 text-white/10" >
           version: {gitVersion} @ {buildTimestamp}
           </p>
-    <div class="links flex flex-wrap gap-8 justify-around">
+    <div class="links flex flex-wrap gap-8 justify-between">
       {
         links.footer.map((section) => (
         <div class="md:w-auto mb-8 md:mb-0 text-start">
@@ -66,12 +66,46 @@ const socialLinks = [
     <div
       class="flex flex-col lg:flex-row self-center gap-8 lg:gap-12 justify-end"
     >
-    <div class="flex flex-col text-white/40  w-full lg:w-2/3 px-6 items-center">
+    <div class="flex flex-col text-white/40  w-full lg:w-2/3 p-5 items-center">
         <p>Excited about our mission? Want to collaborate or contribute? Let's connect!
 We're open to partnership opportunities and would love to hear your ideas.
 <a class="text-white" href="mailto:[email protected]">[email protected]</a>
 </p>
-        <div class="social-links flex justify-center space-x-4 pt-4">
+
+      </div>
+      <div class="flex text-white/40 w-full lg:w-1/3 text-start">
+        <div>
+          <EPSLogo width=90 height=90 class="w-[90px] mr-4 h-auto " />
+        </div>
+        <div>
+          <address class="not-italic ">
+            EuroPython Society (EPS)
+            <br />Ramnebacken 45
+            <br />
+            424 38 Agnesberg
+            <br />
+            Sweden
+          </address>
+        </div>
+        </div>
+      </div>
+    </div>
+
+    <div class=" terms flex flex-row justify-around w-1/3 pt-2">
+          {links.terms.map((item) => (
+              <a
+                href={item.path}
+                class="text-gray-700 hover:text-primary-hover transition-colors duration-200"
+              >
+                {item.name}
+                {item.path.startsWith("http") && (
+                  <span class="inline-block ml-1">↗</span>
+                )}
+              </a>
+          ))}
+      </div>
+
+        <div class="social-links flex justify-center space-x-4 opacity-40">
           {socialLinks
             .filter((link) => links.socials?.[link.key])
             .map((link) => {
@@ -118,44 +152,12 @@ We're open to partnership opportunities and would love to hear your ideas.
                   class={`social-icon ${iconColor}`}
                 >
                   <span class="social-icon-inner">
-                    <Icon name={link.icon} style="brands" size="fa-lg" />
+                    <Icon name={link.icon} style="brands" size="fa-xl" />
                   </span>
                 </a>
               );
             })}
         </div>
-
-      </div>
-      <div class="flex text-white/40 w-full lg:w-1/3 text-start">
-        <div>
-          <EPSLogo width=90 height=90 class="w-[90px] mr-4 h-auto " />
-        </div>
-        <div>
-          <address class="not-italic ">
-            EuroPython Society (EPS)
-            <br />Ramnebacken 45
-            <br />
-            424 38 Agnesberg
-            <br />
-            Sweden
-          </address>
-        </div>
-        </div>
-      </div>
-    </div>
-    <div class=" terms flex flex-row justify-around w-1/3">
-          {links.terms.map((item) => (
-              <a
-                href={item.path}
-                class="text-gray-700 hover:text-primary-hover transition-colors duration-200"
-              >
-                {item.name}
-                {item.path.startsWith("http") && (
-                  <span class="inline-block ml-1">↗</span>
-                )}
-              </a>
-          ))}
-      </div>
   </div>
 <style>
   .links > div:first-child {