From 139cdbd83d6831599af8171d5760f333c97c7a0b Mon Sep 17 00:00:00 2001
From: Sam Lavigne <splavigne@gmail.com>
Date: Sun, 20 Aug 2023 13:45:05 -0400
Subject: [PATCH] mobile style

---
 src/Filter.svelte       |  2 ++
 src/FilterPicker.svelte |  1 +
 src/Output.svelte       |  8 +++++++-
 src/app.css             | 20 ++++++++++++--------
 4 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/Filter.svelte b/src/Filter.svelte
index a4abd22..e7fea3e 100644
--- a/src/Filter.svelte
+++ b/src/Filter.svelte
@@ -86,6 +86,8 @@
   .filter-holder {
     background-color: #fff;
     padding: 10px;
+		border: 1px solid #999;
+		/* box-shadow: 5px 5px 0px #000; */
   }
   .filter-holder,
   input,
diff --git a/src/FilterPicker.svelte b/src/FilterPicker.svelte
index 8e77c96..562f0cf 100644
--- a/src/FilterPicker.svelte
+++ b/src/FilterPicker.svelte
@@ -79,6 +79,7 @@
     flex-direction: column;
 		height: 100%;
 		padding: 10px;
+		border: 1px solid #999;
   }
 	.type {
 		color: #999;
diff --git a/src/Output.svelte b/src/Output.svelte
index e5c3f14..511093d 100644
--- a/src/Output.svelte
+++ b/src/Output.svelte
@@ -1,5 +1,11 @@
 <script>
-	export let filename="";
+  export let filename = "";
 </script>
 
 <input bind:value={filename} />
+
+<style>
+  input {
+    width: 100%;
+  }
+</style>
diff --git a/src/app.css b/src/app.css
index 6d44166..ee39201 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,30 +1,34 @@
 * {
-	box-sizing: border-box;
+  box-sizing: border-box;
 }
 :root {
 }
 
 a {
-	color: #000;
+  color: #000;
 }
 a:hover {
 }
 
 body {
-	background-color: #eee;
-	font: 16px Times, serif;
+  background-color: #fff;
+  font:
+    16px Times,
+    serif;
 }
-textrea, select, input, button {
-	font: inherit;
+textrea,
+select,
+input,
+button {
+  font: inherit;
 }
 video {
-	width: 100%;
+  width: 100%;
 }
 
 h1 {
 }
 
-
 #app {
 }