From 8e82f07196c55dd8eef74354d4fe5bc4dcae1c3a Mon Sep 17 00:00:00 2001
From: simoon <info@simonbrowne.biz>
Date: Sat, 27 Jun 2020 11:32:26 +0200
Subject: [PATCH] modified tasks.css

---
 tasks/tasks.css | 34 +++++++++++++++-------------------
 1 file changed, 15 insertions(+), 19 deletions(-)

diff --git a/tasks/tasks.css b/tasks/tasks.css
index 8587a79..55435a1 100644
--- a/tasks/tasks.css
+++ b/tasks/tasks.css
@@ -57,36 +57,32 @@ body {
   color: black;
 }
 
- /* The Modal (background) */
+/* the modal */
 .modal {
-  display: none; /* Hidden by default */
-  position: fixed; /* Stay in place */
-  font-family: sans-serif;
-  font-size: 1em; 
-  z-index: 1; /* Sit on top */
-  left: 0;
+  position: fixed;
+  padding: 10%;
   top: 0;
-  width: 50%; /* Full width */
-  height: 50%; /* Full height */
+  left: 0;
+  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;
-  width: 50%; /* Could be more or less, depending on screen size */
+  background-color: grey;
+  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;