From 756dc913d3e63f3d5acb13259a7ea0f897937d68 Mon Sep 17 00:00:00 2001
From: "fred.boniface" <fred@fjla.uk>
Date: Fri, 28 Oct 2022 20:49:26 +0100
Subject: [PATCH] Fix styling after adding links to  social icons

---
 new_index.html      | 6 +++---
 style/new_style.css | 3 ++-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/new_index.html b/new_index.html
index 1325f0f..8cbf54d 100644
--- a/new_index.html
+++ b/new_index.html
@@ -50,7 +50,7 @@
         </picture>
       </div>
       <div id="sidebar_social">
-        <a href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener">
+        <a class="social_icon" href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener">
           <picture>
             <source media="(min-width: 399px)" srcset="/images/social-icons/500px_seek_114.jxl" type="image/jxl">
             <source media="(min-width: 399px)" srcset="/images/social-icons/500px_seek_114.webp" type="image/webp">
@@ -59,14 +59,14 @@
             <img src="/images/social-icons/500px_seek_58.png" alt="500px Logo">
           </picture>
         </a>
-        <a href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener"></a>
+        <a class="social_icon" href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener"></a>
           <picture>
             <source media="(min-width: 399px)" srcset="/images/social-icons/fb_blue_144.png" type="image/png">
             <source srcset="/images/social-icons/fb_blue_58.png" type="image/png">
             <img src="/images/social-icons/fb_blue_58.png" alt="Facebook Logo">
           </picture>
         </a>
-        <a href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener">
+        <a class="social_icon" href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener">
           <picture>
             <source media="(min-width: 399px)" srcset="/images/social-icons/gh_white_120.png" type="image/png">
             <source srcset="/images/social-icons/gh_white_64.png" type="image/png">
diff --git a/style/new_style.css b/style/new_style.css
index 45842b8..2632050 100644
--- a/style/new_style.css
+++ b/style/new_style.css
@@ -141,9 +141,10 @@ body {
     position: absolute;
     bottom: 50px;
     width: 100%;
+    margin: auto;
     text-align: center;
 }
-#sidebar_social img {
+.social_icon img {
     max-width: 120px;
     width: 20%;
 }