adjust mobile spacing

src/routes/ModelDetails.svelte

@@ -54,7 +54,7 @@
     <button class="title-button" on:click={fetchScenes}>
         <h2 class="muted">{modelName}</h2>
     </button>
-    <div class="spacer" />
+    <div class="desktop-spacer" />
 </div>
 {#if scenes.length > 0}
     <div class="grid">

src/routes/Viewer.svelte

@@ -65,11 +65,13 @@
     <div class="back" aria-label="Back" aria-hidden="true" on:click={onBack}>
         <ArrowLeft size={24} />
     </div>
+    <div class="spacer" />
     <button class="title-button" on:click={loadScene}>
         <!-- svelte-ignore a11y-click-events-have-key-events -->
         <!-- svelte-ignore a11y-no-static-element-interactions -->
         <h2><span class="muted" on:click={onBack}>{modelName}/</span>{scene.name}</h2>
     </button>
+    <div class="desktop-spacer" />
 </div>
 <div class="canvas-container" bind:this={container}>
     <canvas bind:this={canvas} width={800} height={600} />

static/global.css

@@ -127,6 +127,12 @@ body {
     flex: 1;
 }
 
+.desktop-spacer {
+    @media (min-width: 768px) {
+        flex: 1;
+    }
+}
+
 .title-button {
     background: none;
     border: none;