From 8904ec13a26030fed76c89c3367166c0afaaa750 Mon Sep 17 00:00:00 2001
From: Joyce Chen <joycechen.jyc@gmail.com>
Date: Tue, 11 Aug 2020 02:21:03 -0400
Subject: [PATCH] Vertically center compact switches

---
 assets/css/style.scss | 1 +
 index.md              | 2 +-
 royal.md              | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/assets/css/style.scss b/assets/css/style.scss
index a8a19e2..f57b0fd 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -192,6 +192,7 @@ table {
   display: inline-block;
   width: 60px;
   height: 34px;
+  margin: 0;
 }
 .switch input {
   opacity: 0;
diff --git a/index.md b/index.md
index 5cf95ce..17d15a7 100644
--- a/index.md
+++ b/index.md
@@ -9,7 +9,7 @@
 		</span>
 	</div>
 
-	<div style="flex: 1; text-align: center;">
+	<div style="flex: 1; text-align: center; margin-top: auto; margin-bottom: auto;">
 		<label class="switch">
 			<input type="checkbox" id="originalCompact" onClick="toggleOriginalCompact(false)">
 			<span class="slider round">
diff --git a/royal.md b/royal.md
index 170e008..86ea6fc 100644
--- a/royal.md
+++ b/royal.md
@@ -9,7 +9,7 @@
 		</span>
 	</div>
 
-	<div style="flex: 1; text-align: center;">
+	<div style="flex: 1; text-align: center; margin-top: auto; margin-bottom: auto;">
 		<label class="switch">
 			<input type="checkbox" id="royalCompact" onClick="toggleRoyalCompact(false)">
 			<span class="slider round">