add icons, refine styles, update layouts

1 files changed, 12 insertions, 6 deletions

diff --git a/layouts/partials/site-actions.html b/layouts/partials/site-actions.html
index b9afa66..ac9013a 100644
--- a/layouts/partials/site-actions.html
+++ b/layouts/partials/site-actions.html
@@ -1,12 +1,18 @@
 <div id="actions" class="fixed flex row aligned right">
-    <button id="darkmode">Dark Mode</button>
+    <button id="darkmode">
+      <span class="icon" id="lightmode-icon">
+        {{ partial "func/GetSvg" "Lightmode.svg" }}
+      </span>
+      <span class="icon hide" id="darkmode-icon">
+        {{ partial "func/GetSvg" "Darkmode.svg" }}
+      </span>
+    </button>
     <button id="fullscreen" class="flex row centered" title="fullscreen toggle">
-      <div class="icon" id="fullscreen-icon">
+      <span class="icon" id="fullscreen-icon">
         {{ partial "func/GetSvg" "Fullscreen.svg" }}
-      </div>
-      <div class="icon hide" id="smallscreen-icon">
+      </span>
+      <span class="icon hide" id="smallscreen-icon">
         {{ partial "func/GetSvg" "Smallscreen.svg" }}
-      </div>
-      or [/]
+      </span>
     </button>
 </div>
\ No newline at end of file