M assets/css/main.css → assets/css/main.css

@@ -171,10 +171,12 @@ }
 .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);

M layouts/partials/footer.html → layouts/partials/footer.html

@@ -2,6 +2,7 @@ <footer>
   <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">