diff --git a/src/lib/components/themeSelector.svelte b/src/lib/components/themeSelector.svelte index 7593a6c..1b8bd66 100644 --- a/src/lib/components/themeSelector.svelte +++ b/src/lib/components/themeSelector.svelte @@ -18,7 +18,7 @@ justify-content: center; flex-wrap: wrap; button { - max-width: 33%; + width: 25%; } } diff --git a/src/lib/styles/general.css b/src/lib/styles/general.css index b7cd4bd..7433606 100644 --- a/src/lib/styles/general.css +++ b/src/lib/styles/general.css @@ -15,9 +15,9 @@ .title-bar { display: flex; align-items: center; - gap: 15px; span{ - margin: 0 auto; + text-align: center; + flex-grow: .75; } } diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index d46f03e..94c7b7e 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -14,12 +14,10 @@
- 🎮 - Play + Play - 📖 - Rules + Rules
@@ -59,7 +57,7 @@ } .tab-button { - border: none; + border:color(from color srgb r g b); border-radius: 10px; padding: 25px 40px; font-size: 1.3rem; diff --git a/src/routes/play/+page.svelte b/src/routes/play/+page.svelte index dba820e..6ffc64e 100644 --- a/src/routes/play/+page.svelte +++ b/src/routes/play/+page.svelte @@ -29,7 +29,6 @@
-
Chart Generator @@ -40,24 +39,14 @@
Position Roller - +
-