modified tasks.css

tasks/tasks.css

@@ -57,36 +57,32 @@ body {
   color: black;
 }
 
- /* The Modal (background) */
+/* the modal */
 .modal {
-  display: none; /* Hidden by default */
+  position: fixed;
-  position: fixed; /* Stay in place */
+  padding: 10%;
-  font-family: sans-serif;
-  font-size: 1em; 
-  z-index: 1; /* Sit on top */
-  left: 0;
   top: 0;
-  width: 50%; /* Full width */
+  left: 0;
-  height: 50%; /* Full height */
+  z-index: 1;
+  display: none;
+  width: 50% auto;
+  height: 50% auto;
   overflow: auto; /* Enable scroll if needed */
-  background-color: rgb(0,0,0); /* Fallback color */
+  background-color: rgb(0,0,0);
   background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 }
 
-/* Modal Content/Box */
+/* the modal content*/
 .modal-content {
   font-family: sans-serif;
-  font-size: 1.6em;
-  background-color: white;
-  margin: 10% auto; /* 10% from the top and centered */
   padding: 18px;
-  border: 1px solid #888;
+  background-color: grey;
-  width: 50%; /* Could be more or less, depending on screen size */
+  border-radius: 0;
+
 }
 
-/* The Close Button HIDDEN FOR NOW */
+/* The Close Button */
 .close {
-  display: none;
   color: #aaa;
   float: right;
   font-size: 28px;
@@ -98,7 +94,7 @@ body {
   color: black;
   text-decoration: none;
   cursor: pointer;
-} 
+}
 
 p.imgcaption {
   position: relative;