1 files changed, 36 insertions, 43 deletions
diff --git a/layouts/partials/share.html b/layouts/partials/share.html
index 3b84c35..bccc6e1 100644
--- a/layouts/partials/share.html
+++ b/layouts/partials/share.html
@@ -1,44 +1,37 @@
-<div
-  class="share-links"
-  style="
-    display: flex;
-    margin-left: 1em;
-    align-items: center;
-    width: 140px;
-    justify-content: space-between;
-  "
->
-  {{ $url := printf "%s" .URL | absLangURL }}
-  <a
-    class="primary-icon"
-    href="mailto:?subject={{ print .Title ` by ` .Site.Params.author }}&amp;body={{ $url }}"
-    target="_self"
-    rel="noopener"
-    aria-label="share by email"
-    ><i class="bi bi-envelope"></i
-  ></a>
-  <a
-    class="primary-icon"
-    href="https://facebook.com/sharer/sharer.php?u={{ $url }}"
-    target="_blank"
-    rel="noopener"
-    aria-label="share on facebook"
-    ><i class="bi bi-facebook"></i
-  ></a>
-  <a
-    class="primary-icon"
-    href="https://twitter.com/intent/tweet/?text={{ print .Title ` by ` .Site.Params.author }}&amp;url={{ $url }}"
-    target="_blank"
-    rel="noopener"
-    aria-label="share on twitter"
-    ><i class="bi bi-twitter"></i
-  ></a>
-  <a
-    class="primary-icon"
-    href="https://www.linkedin.com/sharing/share-offsite/?url={{ $url }}"
-    target="_blank"
-    rel="noopener"
-    aria-label="share on twitter"
-    ><i class="bi bi-linkedin"></i
-  ></a>
+<div style="display: flex; justify-content: flex-end">
+  <div class="share-links">
+    {{ $url := printf "%s" .URL | absLangURL }}
+    <a
+      class="icon active"
+      href="mailto:?subject={{ print .Title ` by ` .Site.Params.author }}&amp;body={{ $url }}"
+      target="_self"
+      rel="noopener"
+      aria-label="share by email"
+      ><i class="bi bi-envelope-fill"></i
+    ></a>
+    <a
+      class="icon active"
+      href="https://facebook.com/sharer/sharer.php?u={{ $url }}"
+      target="_blank"
+      rel="noopener"
+      aria-label="share on facebook"
+      ><i class="bi bi-facebook"></i
+    ></a>
+    <a
+      class="icon active"
+      href="https://twitter.com/intent/tweet/?text={{ print .Title ` by ` .Site.Params.author }}&amp;url={{ $url }}"
+      target="_blank"
+      rel="noopener"
+      aria-label="share on twitter"
+      ><i class="bi bi-twitter"></i
+    ></a>
+    <a
+      class="icon active"
+      href="https://www.linkedin.com/sharing/share-offsite/?url={{ $url }}"
+      target="_blank"
+      rel="noopener"
+      aria-label="share on twitter"
+      ><i class="bi bi-linkedin"></i
+    ></a>
+  </div>
 </div>