From 26f57dd1f9f8c6ed3b77642b22c7d9fb53202e3d Mon Sep 17 00:00:00 2001
From: ADSWT518 <tangyazhou518@outlook.com>
Date: Sat, 25 Jun 2022 11:20:26 +0800
Subject: [PATCH] chore: Change CSS for Socials in Footer again

---
 assets/css/main.css          | 8 +++++---
 layouts/partials/footer.html | 1 +
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 00fcfb4..08dd5d2 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -171,11 +171,13 @@ footer {
 .soc {
   display: flex;
   align-items: center;
-  padding-right: 1rem;
-  margin-right: 1rem;
-  border-right: 2px solid;
   border-bottom: none;
 }
+.border {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+  border: 1px solid;
+}
 .footer-info {
   padding: var(--footer-padding);
 }
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 24ed9e1..04eaa79 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -2,6 +2,7 @@
   <div style="display:flex">
     {{- range $index, $key := .Site.Params.Social -}}
     <a class="soc" href="{{ $key.url }}" title="{{ $key.name }}"><i data-feather="{{ $key.icon }}"></i></a>
+    <a class="border"></a>
     {{- end -}}
   </div>
   <div class="footer-info">