Update templates/sip_calculator.html

templates/sip_calculator.html

@@ -21,14 +21,19 @@
             border-radius: 10px;
             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
             text-align: center;
-            width: 400px;
+            width: 80%;
+            max-width: 1200px;
+            margin: 0 auto;
+            height: auto;
         }
         input, select, button {
-            width: 100%;
-            padding: 10px;
+            width: calc(100% - 10px); /* Subtracts margin or padding to avoid overflow */
+            padding: 15px;
+            font-size: 15px;
             margin: 5px 0;
             border-radius: 5px;
             border: 1px solid #ccc;
+            box-sizing: border-box; /* Ensures borders and padding fit inside */
         }
         h1 {
             color: #333;