Mobile layout changes for popups

parts/static/style-m.css

@@ -98,7 +98,10 @@ input[type=checkbox]:checked + label.toggle-btn {
 .round-floating-button a{
   color: #D7E2E2;
 }
-
+#calculate-button {
+  right: 76px;
+  margin-right: 8px
+}
 #results {
   width:100%;
   margin-top: 1em;
@@ -156,7 +159,22 @@ input[type=checkbox]:checked + label.toggle-btn {
   top:0;
   z-index: 201;
 }
-
+.calculateoverlay {
+        background-color: #226666;
+        color: #D7E2E2;
+        display: none;
+        height: 90%;
+  padding: 0;
+  position: fixed;
+  margin:auto;
+  left:0;
+  right:0;
+  top:0;
+  width:90%;
+        z-index: 201;
+        text-align: center;
+  opacity: 0.0;
+}
 h2 {
   background-color: #013A3A;
   padding: 8px 0 8px 0;
@@ -220,4 +238,4 @@ h2 {
   width: 90%;
   padding: 4px;
   display: none;
-}
+}