From fb1bf2b6e75ff7fa60d5b215e4cf560710600296 Mon Sep 17 00:00:00 2001
From: "Navy.gif" <navydotgif@gmail.com>
Date: Wed, 23 Mar 2022 17:09:02 +0200
Subject: [PATCH] css

---
 client/src/css/Media.css      | 10 +++++---
 client/src/css/Panel.css      | 23 ++++++++++++++++++
 client/src/css/Structures.css | 46 +++++++++++++++++++++++++++++++++++
 3 files changed, 76 insertions(+), 3 deletions(-)
 create mode 100644 client/src/css/Structures.css

diff --git a/client/src/css/Media.css b/client/src/css/Media.css
index 8612e37..512bc69 100644
--- a/client/src/css/Media.css
+++ b/client/src/css/Media.css
@@ -22,9 +22,9 @@
     width: 90%;
     margin: auto;
     margin-bottom: 15px;
-    /* box-shadow: 5px 5px 5px rgb(68, 68, 68); */
     border-radius: 10px;
     vertical-align: middle;
+    top: 1vh;
 }
 
 .clip-listing:hover {
@@ -44,8 +44,12 @@
     /* max-height: fit-content; */
 }
 
+.listing-element > * {
+    margin: 0px;
+}
+
 #title {
-    max-width: 40%;
+    max-width: 45%;
 }
 
 #uploader {
@@ -57,7 +61,7 @@
 }
 
 #duration {
-    max-width: 10%;
+    max-width: 5%;
 }
 
 .thumbnail {
diff --git a/client/src/css/Panel.css b/client/src/css/Panel.css
index 62c4633..abea6c9 100644
--- a/client/src/css/Panel.css
+++ b/client/src/css/Panel.css
@@ -2,4 +2,27 @@
     height: inherit;
     width: inherit;
     flex-direction: column;
+}
+
+.user {
+    position: relative;
+    height: 4vh;
+    width: 75%;
+    margin: auto;
+    background-color: var(--primary-color);
+    top: 1vh;
+    border: solid 2px;
+    border-radius: 5px;
+}
+
+.user > * {
+    margin: auto;
+}
+
+.delete-btn {
+    background-color: rgb(255, 98, 98);
+    border-radius: 5px;
+    border: solid 1px rgb(255, 139, 139);
+    height: 3vh;
+    font-weight: 800;
 }
\ No newline at end of file
diff --git a/client/src/css/Structures.css b/client/src/css/Structures.css
new file mode 100644
index 0000000..0e800f8
--- /dev/null
+++ b/client/src/css/Structures.css
@@ -0,0 +1,46 @@
+.dropdown {
+
+}
+
+.dropdown-list {
+    display: none;
+    position: absolute;
+    z-index: 1;
+    background-color: var(--lighter-gray);
+    min-width: 10vw;
+    min-height: 15vh;
+    max-height: 35vh;
+    overflow-y: auto;
+    /* left: 50%; */
+    /* top: 3vh; */
+    /* transform: translate(-50%); */
+}
+
+.dropdown:hover .dropdown-list {
+    display: block;
+}
+
+.dropdown-item {
+    display: flex;
+    flex-direction: row;
+    cursor: pointer;
+    padding-top: 1px;
+    padding-bottom: 1px;
+    width: inherit;
+    margin: auto;
+}
+
+.dropdown-item:hover {
+    background-color: var(--light-orange);
+}
+
+.dropdown-item > * {
+    flex: 1;
+    cursor: inherit;
+    height: inherit;
+    margin: auto;
+}
+
+.dropdown input {
+    height: 1.6vh;
+}
\ No newline at end of file