css

client/src/css/Media.css

@@ -29,7 +29,6 @@
 
 .clip-listing:hover {
     background-color: #7e7e7e;
-    cursor: pointer;
 }
 
 .listing-element {

client/src/css/Panel.css

@@ -35,4 +35,30 @@
     border: solid 1px rgb(255, 139, 139);
     height: 3vh;
     font-weight: 800;
+}
+
+.listing-element {
+    flex: 1;
+    margin-left: 1vw;
+    margin-right: 1vw;
+    white-space: nowrap;
+    word-break: break-all;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+#title {
+    max-width: 25%;
+}
+
+#filename {
+    max-width: 65%;
+}
+
+#duration {
+    max-width: 10%;
+}
+
+#delete-btn {
+    max-width: 10%;
 }

client/src/css/Structures.css

@@ -20,7 +20,6 @@
 .dropdown-item {
     display: flex;
     flex-direction: row;
-    cursor: pointer;
     padding-top: 1px;
     padding-bottom: 1px;
     width: inherit;

client/src/css/index.css

@@ -74,9 +74,8 @@ code {
   box-shadow: 5px 5px 5px rgb(68,68,68);
 }
 
-iframe {
-  margin: auto;
-  margin-top: 10px;
+.clickable {
+  cursor: pointer;
 }
 
 a {