From 2ff85212ebfb786c66dd35f51e6e6f81460c5291 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Thu, 19 May 2022 21:16:26 +0100
Subject: [PATCH] Slightly update sizes and styles of indicators and navigation
 to look better

---
 packages/client/src/components/app/Layout.svelte        | 2 +-
 packages/client/src/components/preview/Indicator.svelte | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/client/src/components/app/Layout.svelte b/packages/client/src/components/app/Layout.svelte
index d7517b06b8..cc4bc03376 100644
--- a/packages/client/src/components/app/Layout.svelte
+++ b/packages/client/src/components/app/Layout.svelte
@@ -268,7 +268,7 @@
     flex-direction: column;
     justify-content: flex-start;
     align-items: stretch;
-    padding: var(--spacing-xl) 32px;
+    padding: 24px 32px;
     max-width: 100%;
     gap: var(--spacing-xl);
   }
diff --git a/packages/client/src/components/preview/Indicator.svelte b/packages/client/src/components/preview/Indicator.svelte
index 23051c73d1..1cb669bdc4 100644
--- a/packages/client/src/components/preview/Indicator.svelte
+++ b/packages/client/src/components/preview/Indicator.svelte
@@ -14,7 +14,7 @@
   export let line = false
   export let alignRight = false
 
-  $: flipped = top < 26
+  $: flipped = top < 24
 </script>
 
 <div
@@ -68,8 +68,8 @@
     position: absolute;
     top: 0;
     left: -2px;
-    height: 26px;
-    padding: 0 6px 2px 6px;
+    height: 24px;
+    padding: 0 6px 0 6px;
     transform: translateY(-100%);
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
@@ -88,7 +88,7 @@
   .label.flipped {
     border-radius: 4px;
     transform: translateY(0%);
-    top: -2px;
+    top: -1px;
   }
   .label.right {
     right: -2px;