From 6fbe757a49b2f4d99b1411a93a8b54b9bab5d5e3 Mon Sep 17 00:00:00 2001
From: Roxie Gibson <me@roxxers.xyz>
Date: Tue, 30 Mar 2021 23:26:12 +0100
Subject: [PATCH] added separation of the footer links

---
 themes/cloud.autonomic.zone/assets/scss/main.scss        | 5 +++++
 themes/cloud.autonomic.zone/layouts/partials/footer.html | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/themes/cloud.autonomic.zone/assets/scss/main.scss b/themes/cloud.autonomic.zone/assets/scss/main.scss
index 0238890..39cd9ed 100644
--- a/themes/cloud.autonomic.zone/assets/scss/main.scss
+++ b/themes/cloud.autonomic.zone/assets/scss/main.scss
@@ -165,6 +165,11 @@ hr {
 
 footer .content a {
     color: $white;
+    text-decoration: none;
+}
+
+footer .separator {
+    padding: 0 10px;
 }
 
 // Do not show server image when using mobile viewport
diff --git a/themes/cloud.autonomic.zone/layouts/partials/footer.html b/themes/cloud.autonomic.zone/layouts/partials/footer.html
index fff203f..145307b 100644
--- a/themes/cloud.autonomic.zone/layouts/partials/footer.html
+++ b/themes/cloud.autonomic.zone/layouts/partials/footer.html
@@ -2,7 +2,7 @@
   <div class="content has-text-centered has-text-white">
     <p class="block">
       {{ range $index, $item := site.Params.links.footer }}
-        {{ if gt $index 0 }}| {{ end }}<a href="{{ $item.link }}">{{ $item.name }}</a> 
+        {{ if gt $index 0 }}<span class="separator">|</span>{{ end }}<a href="{{ $item.link }}">{{ $item.name }}</a>
       {{ end }}
     </p>
     <p>