Styling tweaks

Make theme switcher a toggle.

_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

_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

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) {

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;
 }