From 5875b89ed114ee7a912167b5a609d1cf1da54a53 Mon Sep 17 00:00:00 2001
From: Matthew Kosarek <matt.kosarek@canonical.com>
Date: Wed, 1 May 2024 16:03:01 -0400
Subject: minor: update website for readability

---
 index.css | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

(limited to 'index.css')

diff --git a/index.css b/index.css
index 385fd5c..628d91d 100644
--- a/index.css
+++ b/index.css
@@ -23,7 +23,7 @@ header > h1 {
 }
 
 header > nav {	
-  margin-top: 0.5rem;
+  margin-top: 2rem;
   margin-bottom: 1rem;
   padding-left: 0.25rem;
 }
@@ -57,7 +57,7 @@ h1 {
 }
 
 h2 {
-    font-size: 1.875rem;
+    font-size: 1.5rem;
     margin-bottom: 0rem;
     margin-top: 2rem;
 }
@@ -172,14 +172,14 @@ input:focus {
 }
 
 /* Theme Selector */
-#theme_selector {;
+#theme_selector {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	bottom: 1rem;
-    pointer-events: all;
-    opacity: 1;
-    transition: opacity 150ms linear;
+  pointer-events: all;
+  opacity: 1;
+  transition: opacity 150ms linear;
 	gap: 2rem;
 }
 
@@ -238,6 +238,12 @@ only screen and (max-width:1440px) {
 only screen and (max-width:960px) {
     #theme_selector  {
         padding-bottom: 2rem !important;
+        flex-direction: column;
+        gap: 1rem;
+    }
+
+    #theme_selector > button {
+      width: 100%;
     }
 
     .image_item_expanded_container > .image_item {
-- 
cgit v1.2.1