mobile style

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,

src/FilterPicker.svelte

@@ -79,6 +79,7 @@
     flex-direction: column;
 		height: 100%;
 		padding: 10px;
+		border: 1px solid #999;
   }
 	.type {
 		color: #999;

src/Output.svelte

@@ -1,5 +1,11 @@
 <script>
-	export let filename="";
+  export let filename = "";
 </script>
 
 <input bind:value={filename} />
+
+<style>
+  input {
+    width: 100%;
+  }
+</style>

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;
+  background-color: #fff;
-	font: 16px Times, serif;
+  font:
+    16px Times,
+    serif;
 }
-textrea, select, input, button {
+textrea,
-	font: inherit;
+select,
+input,
+button {
+  font: inherit;
 }
 video {
-	width: 100%;
+  width: 100%;
 }
 
 h1 {
 }
 
-
 #app {
 }