css

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 {

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;

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;
 }