From 6261dfc9d648f5134ee41c1cacac6fa7c91c56ce Mon Sep 17 00:00:00 2001
From: Athul Cyriac Ajay <athul8720@gmail.com>
Date: Thu, 10 Feb 2022 10:00:07 +0530
Subject: [PATCH] chore: Change CSS for Socials in Footer

---
 assets/css/main.css          | 17 ++++++++++++++++-
 layouts/partials/footer.html | 16 ++++++++++------
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index cb699f0..00fcfb4 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -162,7 +162,22 @@ h6::before { color: var(--maincolor); content: '###### '; }
 
 /* Footer */
 footer {
-  margin-top: 1em;
+  display: flex;
+  align-items: center;
+  border-top: 0.4rem dotted var(--bordercl);
+  padding: 2rem 0rem;
+  margin-top: 2rem;
+}
+.soc {
+  display: flex;
+  align-items: center;
+  padding-right: 1rem;
+  margin-right: 1rem;
+  border-right: 2px solid;
+  border-bottom: none;
+}
+.footer-info {
+  padding: var(--footer-padding);
 }
 
 /* Common */
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index cd43722..24ed9e1 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,9 +1,13 @@
 <footer>
-<hr>
-{{- range $index, $key := .Site.Params.Social -}}
-<a class="soc" href="{{ $key.url }}" title="{{ $key.name }}"><i data-feather="{{ $key.icon }}"></i></a>|
-{{- end -}} ⚡️
-	{{ dateFormat "2006" now }} {{ with .Site.Copyright }} {{ . }} | {{ end }} <a href="https://github.com/athul/archie">Archie Theme</a> | Built with <a href="https://gohugo.io">Hugo</a>
+  <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>
+    {{- end -}}
+  </div>
+  <div class="footer-info">
+    {{ dateFormat "2006" now }} {{ with .Site.Copyright }} {{ . }} | {{ end }} <a
+      href="https://github.com/athul/archie">Archie Theme</a> | Built with <a href="https://gohugo.io">Hugo</a>
+  </div>
 </footer>
 {{ if not .Site.IsServer }}
 {{ template "_internal/google_analytics_async.html" . }}
@@ -11,6 +15,6 @@
 
 {{- if (isset .Site.Params "social") -}}
 <script>
-      feather.replace()
+  feather.replace()
 </script>
 {{- end -}}