From 448c6b86b4c4a91af49114703939c64d01dc4779 Mon Sep 17 00:00:00 2001
From: Tyler Hallada <tyler@hallada.net>
Date: Sun, 5 Jan 2020 18:57:45 -0500
Subject: [PATCH] Styling tweaks

Make theme switcher a toggle.
---
 _layouts/default.html | 2 +-
 _layouts/home.html    | 2 +-
 css/main.css          | 4 +++-
 css/main_dark.css     | 4 ++++
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index a6ef0eb..a49c43b 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -68,7 +68,7 @@
     <div class="theme-toggle">
       <dark-mode-toggle
         id="dark-mode-toggle-1"
-        appearance="switch"
+        appearance="toggle"
         dark="Dark"
         light="Light"
         permanent
diff --git a/_layouts/home.html b/_layouts/home.html
index cb892a2..4dc0bcd 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -62,7 +62,7 @@
     <div class="theme-toggle">
       <dark-mode-toggle
         id="dark-mode-toggle-1"
-        appearance="switch"
+        appearance="toggle"
         dark="Dark"
         light="Light"
         permanent
diff --git a/css/main.css b/css/main.css
index acc432d..8009d43 100755
--- a/css/main.css
+++ b/css/main.css
@@ -204,6 +204,7 @@ h1.title {
   font-size: 2rem;
   font-weight: 200;
   margin: 0;
+  margin-left: 0.5rem;
 }
 
 div.header {
@@ -570,7 +571,8 @@ div.theme-toggle {
   bottom: 0;
   width: 100%;
   text-align: center;
-  z-index: 100;
+  z-index: 2;
+  padding: 0.25rem 0.75rem;
 }
 
 @media (min-width: 40rem) {
diff --git a/css/main_dark.css b/css/main_dark.css
index 4456460..61e07cd 100644
--- a/css/main_dark.css
+++ b/css/main_dark.css
@@ -29,6 +29,10 @@ a:not(.card) img:not(.icon) {
   filter: none;
 }
 
+.card {
+  box-shadow: 0 1px 2px #fff;
+}
+
 .post pre {
   background-color: #fff;
 }