Fix styling for mobile

Author: bzimor

manifest.json

@@ -1,7 +1,7 @@
 {
     "id": "hledger-notes",
     "name": "Hledger Notes",
-    "version": "1.1.1",
+    "version": "1.1.2",
     "minAppVersion": "1.0.0",
     "description": "Create and manage hledger entries directly in your vault.",
     "author": "Boburmirzo Khamrakulov",

styles.css

@@ -53,6 +53,8 @@
 
 .hledger-account-input {
     width: 100%;
+    height: 32px;
+    box-sizing: border-box;
 }
 
 .hledger-account-suggest-container {
@@ -102,6 +104,8 @@
 .hledger-amount-input {
     width: 120px;
     min-width: 100px;
+    height: 32px;
+    box-sizing: border-box;
 }
 
 .hledger-currency-select {
@@ -136,15 +140,21 @@
 
 .hledger-type-toggle {
     flex: 1;
+    height: 32px;
+    box-sizing: border-box;
 }
 
 .hledger-date-input {
     width: 130px;
+    height: 32px;
+    box-sizing: border-box;
 }
 
 .hledger-description-input {
     width: 100%;
     margin-bottom: 1em;
+    height: 32px;
+    box-sizing: border-box;
 }
 
 .hledger-buttons-container {
@@ -197,6 +207,8 @@
 
 .hledger-date-range input[type="date"] {
     width: 100%;
+    height: 32px;
+    box-sizing: border-box;
 }
 
 .hledger-settings-search {
@@ -248,13 +260,14 @@
 }
 
 .hledger-description-row .hledger-description-input {
-    flex: 1;
     margin-bottom: 0;
 }
 
 .hledger-transaction-currency-select {
     width: auto;
     min-width: 80px;
+    height: 32px;
+    box-sizing: border-box;
 }
 
 /* Mobile styles for entry rows */