From f6ad815b100828f783f0de63c3b7ccd230cce215 Mon Sep 17 00:00:00 2001
From: biglyderv <eggseggsarecool+git@gmail.com>
Date: Mon, 25 Nov 2024 14:12:44 -0500
Subject: [PATCH] more css fixes

---
 static/main.css | 50 ++++++++++++++++++++++++-------------------------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/static/main.css b/static/main.css
index f231b32..3769025 100644
--- a/static/main.css
+++ b/static/main.css
@@ -159,19 +159,6 @@ body {
     width: var(--elem-width);
 }
 
-video {
-    width: 180px;
-    height: 200px;
-    overflow-y: auto;
-    border: solid var(--dark-2) 3px;
-    border-radius: 5px;
-    background: var(--light-1);
-
-    font-size: 1rem;
-    padding: 0.5rem;
-    margin-bottom: 0.5rem;
-}
-
 .videos {
     display: flex;
     flex-direction: row;
@@ -181,12 +168,7 @@ video {
     width: 90vw;
 }
 
-.controls {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    align-items: center;
-}
+.controls {}
 
 .videos a {
     color: var(--dark);
@@ -211,12 +193,11 @@ video {
     border-radius: 10px;
 }
 
-.controls {
-    margin-top: -30px;
-}
 
 .controls img {
+    height: 45px;
     width: 45px;
+    object-fit: contain;
     margin: 5px;
 }
 
@@ -233,10 +214,12 @@ video {
     height: 140px;
     overflow: hidden;
 }
+
 .video div {
     max-height: 22px;
     overflow: hidden;
 }
+
 .video img {
     width: 135px;
     height: 90px;
@@ -251,14 +234,23 @@ video {
     top: 0;
     left: 0;
 }
+
 video {
-    border: solid var(--dark-2) 3px;
-    border-radius: 5px;
+    width: 180px;
+    height: 200px;
+    overflow-y: auto;
+
+    font-size: 1rem;
+    margin-bottom: 0.5rem;
+
+    border: solid var(--gray) 3px;
+    border-radius: var(--border-radius);
     width: var(--elem-width);
     height: auto;
     max-height: 50vh;
     max-width: 90vmin;
 }
+
 .full video {
     width: 100vw;
     height: 80vh;
@@ -274,11 +266,15 @@ video {
 }
 
 .controls {
-
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
     border: solid var(--gray) 3px;
     border-radius: 5px;
     background: var(--dark);
 
+    margin-top: -30px;
     font-size: 1rem;
     padding: 0.5rem;
     margin-bottom: 0.5rem;
@@ -286,4 +282,8 @@ video {
 
 .form-input {
     font-family: system-ui, sans-serif;
+}
+
+img {
+    user-select: none;
 }
\ No newline at end of file