Slightly update sizes and styles of indicators and navigation to look better

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);
   }

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;
+    height: 24px;
-    padding: 0 6px 2px 6px;
+    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;