From 42b2390bd76ddc7597f847c3c93aaef3b50940fb Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Tue, 16 Mar 2021 14:39:57 +0100
Subject: [PATCH] responsiveness of scanner component

ref #1
---
 app/src/App.svelte     | 20 ++++++++++----------
 app/src/Scanner.svelte |  2 +-
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/app/src/App.svelte b/app/src/App.svelte
index dccf1cb..c357889 100644
--- a/app/src/App.svelte
+++ b/app/src/App.svelte
@@ -1,17 +1,17 @@
 <script>
-import Scanner from "./Scanner.svelte";
-import Login from "./Login.svelte";
-import Settings from "./Settings.svelte";
-import { apikey, lang, page } from "./store.js";
-$: is_configured = $apikey && $apikey !== "null" && $apikey !== "";
-$: settings_open = $page === "settings";
-console.log($page);
+  import Scanner from "./Scanner.svelte";
+  import Login from "./Login.svelte";
+  import Settings from "./Settings.svelte";
+  import { apikey, lang, page } from "./store.js";
+  $: is_configured = $apikey && $apikey !== "null" && $apikey !== "";
+  $: settings_open = $page === "settings";
+  console.log($page);
 </script>
 
 {#if settings_open && is_configured}
-<Settings />
+  <Settings />
 {:else if is_configured}
-<Scanner />
+  <Scanner />
 {:else}
-<Login />
+  <Login />
 {/if}
diff --git a/app/src/Scanner.svelte b/app/src/Scanner.svelte
index 8b07851..340ef3f 100644
--- a/app/src/Scanner.svelte
+++ b/app/src/Scanner.svelte
@@ -25,7 +25,7 @@
     {hours}:{minutes}:{seconds}
   </h1>
   <section class="px-4 py-24 mx-auto max-w-7xl">
-    <div class="w-full mx-auto space-y-5 sm:w-8/12 md:w-12 lg:w-12 xl:w-12">
+    <div class="mx-auto space-y-5 w-full md:w-1/2">
       <form
         class="space-y-4"
         onsubmit="event.preventDefault();"