From 2537f5c75419ecd86bce070c274e56182eaec558 Mon Sep 17 00:00:00 2001
From: maaa <no@thankyou.com>
Date: Sat, 22 Jul 2023 20:03:37 +0200
Subject: [PATCH] update ui

---
 static/css/style.css | 17 ++++++++++++-----
 templates/app.html   |  3 ++-
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 63ab466..461376e 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -110,15 +110,15 @@ body {
     height: 100%;
     z-index: 2;
     background-color: rgba(0, 0, 0, 0.7);
-    ;
+    transition: opacity 1s;
 }
 
 .optionsDiv {
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 300px;
     position: fixed;
-    left: 12.5%;
-    top: 12.5%;
-    width: 75%;
-    height: 75%;
     background-color: white;
     padding: 10px;
     color: black;
@@ -127,6 +127,7 @@ body {
 
 .optionsDiv button {
     padding: 10px;
+    margin-right: 5px;
     padding-left: 15px;
     padding-right: 15px;
     color: white;
@@ -137,8 +138,14 @@ body {
 }
 
 .optionsDiv .exit {
+    position: absolute;
+    right: 10px;
+    width: 40px;
+    height: 40px;
+    font-size: 16px;
     background-color: #e9e9e9;
     color: black;
+    border-radius: 100%;
 }
 
 /* Sign up/log in div */
diff --git a/templates/app.html b/templates/app.html
index b36ec36..d347639 100644
--- a/templates/app.html
+++ b/templates/app.html
@@ -26,11 +26,12 @@
 
     <div id="optionsCoverDiv" class="optionsCoverDiv hidden">
         <div class="optionsDiv">
-            <button class="exit" id="exitThing">exit</button>
+            <button class="exit" id="exitThing">X</button>
             <h3>manage your account</h3>
             <p id="usernameThing"></p>
             <p id="storageThing"></p>
             <button id="logOutButton">log out</button>
+            <button class="hidden" id="logOutButton">delete my account</button>
         </div>
     </div>