fix: invisible input text and modal close button padding in coordinate-polar and derivative-calculator

Author: Shital861

web-app/css/styles.css

@@ -3148,6 +3148,7 @@ body {
     .modal-content {
         padding: 1.5rem;
         border-radius: 16px;
+        position: relative;
     }
 }
 
@@ -4067,7 +4068,7 @@ body {
     color: var(--footer-card-color);
     box-shadow: inset 0 1px 0 rgba(252, 176, 91, 0.08);
     border-color: rgba(252, 176, 91, 0.1);
-}
+
 }
 
 .project-card h3 {

web-app/js/projects/coordinate-polar-transform.js

@@ -85,13 +85,15 @@ function getCoordinatePolarTransformHTML() {
                 outline:none;
                 background-color:var(--bg-color);
                 border:1px solid white;
+                color: var(--text-color);
             }
             #cartesianY{
                 padding:15px;
                 border-radius:30px;
                 outline:none;
                 background-color:var(--bg-color);
                 border:1px solid white;
+                color: var(--text-color);
             }
             .btn-primary{
                 padding:15px;

web-app/js/projects/derivative-calculator.js

@@ -76,10 +76,12 @@ function getDerivativeCalculatorHTML() {
                 background-color:var(--bg-color);
                 outline:none;
                 border:1px solid white;
+                color: var(--text-color);
             }
             button{
                 padding:15px;
                 border-radius:30px;
+                color: var(--text-color);
             }
         </style>
     `;