From a1bd44ffb3880036e3aaf0a850e3979ebc288236 Mon Sep 17 00:00:00 2001
From: dvdrw <admin@dvdrw.dev>
Date: Mon, 13 Feb 2023 19:53:02 +0100
Subject: [PATCH] style: improve top screen rendering on desktop

---
 src/lib/QuickSetting.svelte | 2 +-
 src/lib/TopScreen.svelte    | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/QuickSetting.svelte b/src/lib/QuickSetting.svelte
index 8d0882c..b084c11 100644
--- a/src/lib/QuickSetting.svelte
+++ b/src/lib/QuickSetting.svelte
@@ -86,7 +86,7 @@
      font-size: 1.2em;
      transition: background-color;
      transition-duration: 250ms;
-     font-size: calc(15px + 0.390625vw);
+     font-size: min(calc(15px + 0.390625vw), 18.5px);
  }
 
  button.enabled {
diff --git a/src/lib/TopScreen.svelte b/src/lib/TopScreen.svelte
index 76b8ef0..b83f1d5 100644
--- a/src/lib/TopScreen.svelte
+++ b/src/lib/TopScreen.svelte
@@ -129,8 +129,10 @@
  }
 
  :global(.container:not(.mobile)) .settings {
+     max-width: 500px;
      flex-grow: 1;
      flex-basis: 0;
+     margin-right: 8px;
  }
 
  :global(.container.mobile) .contents {
@@ -156,6 +158,7 @@
      :global(.container:not(.mobile)) & {
 	 height: 150px;
 
+
 	 @extend .mt-18;
      }
  }