From 305ae5ba7d677e4f515fa8e7afa94e79cf64955d Mon Sep 17 00:00:00 2001
From: Michael Boelen <michael.boelen@cisofy.com>
Date: Fri, 19 May 2023 16:37:15 +0200
Subject: [PATCH] Fix voor svg op Firefox en betere weergave

---
 themes/nluug/assets/scss/styles.scss      | 17 ++++++++++++++---
 themes/nluug/layouts/partials/footer.html | 12 ++++++------
 2 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/themes/nluug/assets/scss/styles.scss b/themes/nluug/assets/scss/styles.scss
index 6eae44a..4433a7b 100644
--- a/themes/nluug/assets/scss/styles.scss
+++ b/themes/nluug/assets/scss/styles.scss
@@ -102,12 +102,23 @@ a.button:hover, a.button:active {
   background-color: $color-button-hover;
 }
 
-a.footer-social:link, .a.footer-social:hover {
+.icon {
+  margin: 3px;
+}
+.icon:link {
+  text-decoration: none;
+}
+.icon:visited {
+  text-decoration: none;
+}
+.icon:hover {
+  text-decoration: none;
+}
+.icon:active {
   text-decoration: none;
-  margin: 5px;
 }
 
-// Button 
+// Button
 .btn:link, .btn:visited {
   border-radius: 4px;
   color: white;
diff --git a/themes/nluug/layouts/partials/footer.html b/themes/nluug/layouts/partials/footer.html
index 99c58cf..a429248 100644
--- a/themes/nluug/layouts/partials/footer.html
+++ b/themes/nluug/layouts/partials/footer.html
@@ -10,18 +10,18 @@
       <h2>Volg ons</h2>
       {{ $iconsize := .Site.Params.mediumIconSize }}
       {{ with .Site.Params.twitter_handle }}
-        <a class="footer-social" href="https://twitter.com/{{ . }}" target="_blank" rel="noopener">{{- partial "show-svg-icon.html" (dict "context" . "icon" "twitter" "iconsize" $iconsize_footer) -}}</a>
+        <a class="icon" href="https://twitter.com/{{ . }}" target="_blank" rel="noopener">{{- partial "show-svg-icon.html" (dict "context" . "icon" "twitter" "iconsize" $iconsize_footer) -}}</a>
       {{ end }}
       {{ if and
         (.Site.Params.mastodon_handle)
         (.Site.Params.mastodon_instance)
       }}
-      <a class="footer-social" href="{{ .Site.Params.mastodon_instance }}@{{ .Site.Params.mastodon_handle }}" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "mastodon" "iconsize" $iconsize_footer) }}</a>
+      <a class="icon" href="{{ .Site.Params.mastodon_instance }}@{{ .Site.Params.mastodon_handle }}" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "mastodon" "iconsize" $iconsize_footer) }}</a>
       {{ end }}
-      <a class="footer-social" href="https://www.linkedin.com/groups/130891/" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "linkedin" "iconsize" $iconsize_footer) }}</a>
-      <a class="footer-social" href="https://www.meetup.com/nluug-dutch-unix-linux-user-group/" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "meetup" "iconsize" $iconsize_footer) }}</a>
-      <a class="footer-social" href="{{ absURL "atom.xml" }}" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "rss" "iconsize" $iconsize_footer) }}</a>
-      <a class="footer-social" href="{{ absURL "feed.json" }}" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "database" "iconsize" $iconsize_footer) }}</a>
+      <a class="icon" href="https://www.linkedin.com/groups/130891/" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "linkedin" "iconsize" $iconsize_footer) }}</a>
+      <a class="icon" href="https://www.meetup.com/nluug-dutch-unix-linux-user-group/" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "meetup" "iconsize" $iconsize_footer) }}</a>
+      <a class="icon" href="{{ absURL "atom.xml" }}" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "rss" "iconsize" $iconsize_footer) }}</a>
+      <a class="icon" href="{{ absURL "feed.json" }}" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "database" "iconsize" $iconsize_footer) }}</a>
     </div>
     <div>
       <h2>Nuttige links</h2>