From d8bfd2313f0d59ef96eaf3a612a3b90d7a56ca78 Mon Sep 17 00:00:00 2001
From: Sidney Shafer <sidney@mnshafers.com>
Date: Mon, 18 Mar 2024 14:01:11 -0500
Subject: [PATCH] Modify css styles to prevent overlap

---
 theme-clock/style.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/theme-clock/style.css b/theme-clock/style.css
index aa33562..20f97c2 100644
--- a/theme-clock/style.css
+++ b/theme-clock/style.css
@@ -26,6 +26,7 @@ html.dark {
 body {
   font-family: 'Heebo', sans-serif;
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 100vh;
@@ -40,8 +41,9 @@ body {
   border: 0;
   border-radius: 4px;
   padding: 8px 12px;
-  position: absolute;
-  top: 100px;
+  position: relative;
+  top: 0;
+  margin-bottom: 80px;
 }
 
 .toggle:focus {