Update mobile styles

3 files changed, 38 insertions, 44 deletions

diff --git a/src/static/main.js b/src/static/main.js
index 1bcf5e5..24df4ea 100644
--- a/src/static/main.js
+++ b/src/static/main.js
@@ -1,4 +1,4 @@
-function remove(id){
+function remove(id) {
     if (confirm(`Delete transaction?`)) {
         let request = new Request(`/ledger/${id}`, {
             method: 'delete',
diff --git a/src/static/mobile.css b/src/static/mobile.css
new file mode 100644
index 0000000..d4456ba
--- /dev/null
+++ b/src/static/mobile.css
@@ -0,0 +1,36 @@
+@media (max-width: 1000px) {
+    body {
+        display: block;
+    }
+    .newItem td {
+        display:block;
+    }
+    table{
+        width: 100%;
+    }
+    h1, button, input {
+        font-size: 72px;
+    }
+    h2, .navigation {
+        font-size: 64px;
+    }
+    td, p, li {
+        font-size: 36px;
+    }
+    input {
+        font-size: 72px;
+        display: block;
+        width: 95%;
+    }
+    .navigation {
+        border-left: none;
+        display: inline;
+        
+    }
+    .navigation h2, .navigation div {
+        display: inline;
+    }
+    .table-index {
+        display: none;
+    }
+}
\ No newline at end of file
diff --git a/src/static/styles.css b/src/static/styles.css
index 984a43d..01251de 100644
--- a/src/static/styles.css
+++ b/src/static/styles.css
@@ -10,33 +10,11 @@ table {
 tr:nth-child(2n+1) {
     background-color: lightgray;
 }
-tr {
-    width: 100%;
-}
 
-.bold {
-    font-weight: bold;
-}
-
-#data {
+tr {
     width: 100%;
 }
 
-.border {
-    border: 1px solid lightgrey;
-}
-
-textarea {
-    border-radius: 4px;
-    width: 60%;
-    height: 10em;
-    display: block;
-}
-
-pre {
-    white-space: pre-line;
-}
-
 .net-negative {
     background-color: lightcoral;
 }
@@ -79,23 +57,3 @@ p, li {
 a, a:visited {
     color: black;
 }
-
-@media (max-width: 600px) {
-    .newItem td {
-        display:block;
-    }
-    .table-index {
-        display: none;
-    }
-    button {
-        font-size: 32px;
-    }
-    input {
-        font-size: 32px;
-        display: block;
-        width: 100%;
-    }
-    .navigation {
-        border-left: none;
-    }
-}
\ No newline at end of file