Update static/style.css

static/style.css

@@ -16,10 +16,11 @@
   top: 50%;
   left: 50%;
   font-size: 20px;
-  color: black;
+  color: white;
   transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
 }
+
 .accordion {
     background-color:#F4C2C2 ; /*gray;*/
     color: white;
@@ -332,7 +333,7 @@
 
     
 }
-#addmctnameid{
+.addmctnameclass{
   
     width:35px;
     height:35px;
@@ -344,6 +345,17 @@
    position: absolute;
     border: none;
 }
+.deletemctnameclass{
+  width:35px;
+  height:35px;
+  /* left: %; */
+  margin-top: -1px;
+  margin-left: 30px;
+  cursor: pointer;
+  
+ position: absolute;
+  border: none;
+}
 #doneebackground{
     top: 10px;
     width:130px;
@@ -386,8 +398,8 @@ cursor: pointer;
     font-style: normal;
     font-size: 13px;
     position: relative;
-    margin-left: 9px;
-    margin-top: 5px;
+    margin-left: 5px;
+    margin-top: 2px;
     
 }
 #LegendHist{
@@ -412,6 +424,25 @@ cursor: pointer;
 #areadiv, #prmdiv{
   margin-top: 10px;
 }
+#selectunitA, #selectunitP{
+  margin-left: 4px;
+  height: 30px;
+  width: 48px;
+  font-family: "acumin-pro", sans-serif;
+  font-weight: 400;
+  font-style: normal;
+  font-size: 13px;
+  border-radius: 5px;
+  cursor: pointer;
+  color: black;
+}
+#levelcheckbox{
+ 
+  /* margin-top: 10px; */
+  margin-left: 6px;
+  zoom: 1.3;
+  
+}
 #radiosColors{
   /* max-width: 50%; */
   display: flex;
@@ -432,12 +463,29 @@ cursor: pointer;
     cursor: pointer;
     box-shadow: 4px 4px 4px rgb(57, 57, 57);
 }
-
+#undoButtonId {
+  background-color: rgba(255, 0, 0, 0.633);
+  border: none;
+  padding: 10px 50px;
+  cursor: pointer;
+  border-radius: 7px;
+  /* margin-left: 2px; */
+  font-family: "acumin-pro", sans-serif;
+  font-weight: bold;
+  font-style: normal;
+  font-size: 14px;
+  color:white;
+  display:inline-block;
+}
+#undoButtonId:hover{
+  color:black;
+}
 /* Tooltip container */
 #infotool {
     position: relative;
     display: inline-block;
-    margin-top: 9px;
+    margin-top: 4px;
+    margin-left: 4px;
     /* border-bottom: 1px dotted black; If you want dots under the hoverable text */
   }
   
@@ -477,12 +525,14 @@ cursor: pointer;
     /* border-color: #bdbcbc transparent transparent transparent; */
   }
   
+
   /* Show the tooltip text when you mouse over the tooltip container */
   #infotool:hover .tooltiptext {
     visibility: visible;
     opacity: 1;
   }
 
+
  #secondpage{
   float: right;
   margin-right: 10px;