diff --git a/theseus_gui/src/app.d.ts b/theseus_gui/src/app.d.ts
index 7090ee710..f5cdcd668 100644
--- a/theseus_gui/src/app.d.ts
+++ b/theseus_gui/src/app.d.ts
@@ -3,11 +3,11 @@
// See https://kit.svelte.dev/docs/typescript
// for information about these interfaces
declare namespace App {
- interface Locals {}
+ interface Locals {}
- interface Platform {}
+ interface Platform {}
- interface Session {}
+ interface Session {}
- interface Stuff {}
+ interface Stuff {}
}
diff --git a/theseus_gui/src/app.html b/theseus_gui/src/app.html
index f88fd6183..3510174a7 100644
--- a/theseus_gui/src/app.html
+++ b/theseus_gui/src/app.html
@@ -1,14 +1,14 @@
-
-
-
-
-
-
- %sveltekit.head%
-
-
- %sveltekit.body%
-
+
+
+
+
+
+
+ %sveltekit.head%
+
+
+ %sveltekit.body%
+
diff --git a/theseus_gui/src/components/CardRow.svelte b/theseus_gui/src/components/CardRow.svelte
index f46fb33a2..ffec75d1a 100644
--- a/theseus_gui/src/components/CardRow.svelte
+++ b/theseus_gui/src/components/CardRow.svelte
@@ -1,54 +1,53 @@
-
{title}
-
-
-
+
{title}
+
+
+
-
\ No newline at end of file
+
+ &__items {
+ display: flex;
+ grid-gap: 1rem;
+ align-items: flex-start;
+ overflow-x: auto;
+ padding: 0 1rem;
+
+ /* Hide scrollbar */
+ -ms-overflow-style: none;
+ scrollbar-width: none;
+ &::-webkit-scrollbar {
+ display: none;
+ }
+ }
+
+ &:nth-of-type(even) {
+ background-color: hsla(0, 0%, 0%, 0.2);
+ }
+ }
+
diff --git a/theseus_gui/src/components/GlobalSettings.svelte b/theseus_gui/src/components/GlobalSettings.svelte
index 91f985cf9..514af9196 100644
--- a/theseus_gui/src/components/GlobalSettings.svelte
+++ b/theseus_gui/src/components/GlobalSettings.svelte
@@ -1,58 +1,58 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Auto-detect
- Browse installations
- Test
-
-
-
-
-
- Auto-detect
- Browse installations
- Test
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Auto-detect
+ Browse installations
+ Test
+
+
+
+
+
+ Auto-detect
+ Browse installations
+ Test
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theseus_gui/src/components/TitledSection.svelte b/theseus_gui/src/components/TitledSection.svelte
index be2873e10..c6cde6ab8 100644
--- a/theseus_gui/src/components/TitledSection.svelte
+++ b/theseus_gui/src/components/TitledSection.svelte
@@ -1,49 +1,49 @@
-
- {#if toggleable}{title}
- {:else}{title}
- {/if}
-
-
- {#if !toggleable || enabled} {/if}
-
+
+ {#if toggleable}{title}
+ {:else}{title}
+ {/if}
+
+
+ {#if !toggleable || enabled} {/if}
+
diff --git a/theseus_gui/src/components/VerticalNav.svelte b/theseus_gui/src/components/VerticalNav.svelte
index 42db1d812..b8e2a1a52 100644
--- a/theseus_gui/src/components/VerticalNav.svelte
+++ b/theseus_gui/src/components/VerticalNav.svelte
@@ -1,36 +1,34 @@
diff --git a/theseus_gui/src/components/WindowSettings.svelte b/theseus_gui/src/components/WindowSettings.svelte
index 2d2e2f059..fdef7ba00 100644
--- a/theseus_gui/src/components/WindowSettings.svelte
+++ b/theseus_gui/src/components/WindowSettings.svelte
@@ -1,14 +1,14 @@
-
-
-
-
-
-
+
+
+
+
+
+
\ No newline at end of file
+ :global(.v-thumb) {
+ margin: 4px auto 4px auto !important;
+ }
+
diff --git a/theseus_gui/src/layout/Sidebar.svelte b/theseus_gui/src/layout/Sidebar.svelte
index 16483c325..bb5f11bb8 100644
--- a/theseus_gui/src/layout/Sidebar.svelte
+++ b/theseus_gui/src/layout/Sidebar.svelte
@@ -1,144 +1,146 @@
diff --git a/theseus_gui/src/routes/library/instance/[id]/settings.svelte b/theseus_gui/src/routes/library/instance/[id]/settings.svelte
index 2110068d1..29ff9f067 100644
--- a/theseus_gui/src/routes/library/instance/[id]/settings.svelte
+++ b/theseus_gui/src/routes/library/instance/[id]/settings.svelte
@@ -1,18 +1,17 @@
-
-
-
+
+
+