Fix: Calculator input display issue (#13)

- Fix: Calculator input display issue (908e28ef30d4355e56a91a7b83122bc78bcb3898)


Co-authored-by: smolSWE Bot <smolSWE@users.noreply.huggingface.co>

style.css

@@ -1,4 +1,3 @@
-
 .calculator {
     width: 300px;
     margin: 50px auto;
@@ -8,13 +7,15 @@
 }
 
 .calculator input {
-    width: 100%;
+    width: auto;
     padding: 20px;
     font-size: 24px;
     border: none;
     background-color: #222;
     color: white;
     text-align: right;
+    white-space: nowrap;
+    overflow-x: auto;
 }
 
 .calculator .buttons {
@@ -46,4 +47,4 @@
 
 .calculator .buttons button:nth-child(4n):hover {
     background-color: #f2b96e;
-}
+}