From 466d7a3ebaeb50c7ce324863bc8f457be2517c92 Mon Sep 17 00:00:00 2001
From: ayush8745 <42642112+ayush8745@users.noreply.github.com>
Date: Sat, 12 Oct 2019 11:45:08 +0530
Subject: [PATCH] adds to better user interface and more responsive app

---
 calculator.html | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/calculator.html b/calculator.html
index 2da8081..8e34e6e 100644
--- a/calculator.html
+++ b/calculator.html
@@ -4,6 +4,15 @@
   <meta charset="UTF-8">
   <title>Калькулятор</title>
   <style type="text/css">
+    html {
+  box-sizing: border-box;
+}
+*, *:before, *:after {
+  box-sizing: inherit;
+}
+    body {
+      margin-left: auto;
+    }
     .tblCalc{
     border:1px solid gray;
     margin:0;
@@ -12,18 +21,20 @@
     text-align:center;
   }
   .tblCalc input{
-    border:1px solid gray;
-    width:30px;
-    margin:4px;
+    border:3px solid black;
+    width:70%;
+    background-color:white;
+    margin:0.5rem;
+    padding:0.3rem;
   }
     #btnWide{
-    width:80px;
+    width:180px;
   }
   #editWide{
-    width:250px;
+    width:450px;
   }
   td {
-  background-color:#999;
+  background-color:lightblue;
   }
   }
 </style>