From 963d68cfe28084775ed4bc4980492dd60f82dec1 Mon Sep 17 00:00:00 2001
From: "Navy.gif" <navydotgif@gmail.com>
Date: Thu, 24 Mar 2022 21:35:58 +0200
Subject: [PATCH] css

---
 client/src/css/App.css        |  4 ++--
 client/src/css/Panel.css      | 10 ++++++++++
 client/src/css/Structures.css | 16 +++++++++++-----
 3 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/client/src/css/App.css b/client/src/css/App.css
index b881371..eec3a78 100644
--- a/client/src/css/App.css
+++ b/client/src/css/App.css
@@ -12,7 +12,7 @@ header {
 footer {
   position: absolute;
   bottom: 0;
-  min-height: 10vh;
+  height: 10vh;
   width: 100%;
   background-color: var(--orange);
   align-items: center;
@@ -48,7 +48,7 @@ footer {
 
 .background {
   background-color: var(--dark-blue);
-  height: 96vh;
+  height: 86vh;
 }
 
 .foreground {
diff --git a/client/src/css/Panel.css b/client/src/css/Panel.css
index abea6c9..77756bc 100644
--- a/client/src/css/Panel.css
+++ b/client/src/css/Panel.css
@@ -4,6 +4,11 @@
     flex-direction: column;
 }
 
+.userlist {
+    height: 90%;
+    overflow-y: auto;
+}
+
 .user {
     position: relative;
     height: 4vh;
@@ -19,6 +24,11 @@
     margin: auto;
 }
 
+#usertag {
+    text-align: left;
+    width: 50%;
+}
+
 .delete-btn {
     background-color: rgb(255, 98, 98);
     border-radius: 5px;
diff --git a/client/src/css/Structures.css b/client/src/css/Structures.css
index 0e800f8..7f0ef7b 100644
--- a/client/src/css/Structures.css
+++ b/client/src/css/Structures.css
@@ -1,6 +1,3 @@
-.dropdown {
-
-}
 
 .dropdown-list {
     display: none;
@@ -8,12 +5,12 @@
     z-index: 1;
     background-color: var(--lighter-gray);
     min-width: 10vw;
-    min-height: 15vh;
+    /* min-height: 15vh; */
     max-height: 35vh;
     overflow-y: auto;
     /* left: 50%; */
     /* top: 3vh; */
-    /* transform: translate(-50%); */
+    transform: translate(-25%);
 }
 
 .dropdown:hover .dropdown-list {
@@ -43,4 +40,13 @@
 
 .dropdown input {
     height: 1.6vh;
+}
+
+.popup {
+    position: absolute;
+    /* width: 50vw; */
+    width: 100%;
+    height: 50vh;
+    background-color: blueviolet;
+    left: 0;
 }
\ No newline at end of file