From 90338c25c62198aedd9cb2229bec839d24d3ef49 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs?= <heckyel@hyperbola.info>
Date: Fri, 31 Dec 2021 18:15:59 -0500
Subject: [FrontEnd]: fix dropdown design

---
 youtube/static/search.css | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

(limited to 'youtube/static/search.css')

diff --git a/youtube/static/search.css b/youtube/static/search.css
index f131e9c..9b7bf8d 100644
--- a/youtube/static/search.css
+++ b/youtube/static/search.css
@@ -465,20 +465,17 @@ hr {
     .dropdown {
         display: grid;
         grid-gap: 1px;
-        grid-template-columns: minmax(50px, 120px);
+        grid-template-columns: 100px auto;
         grid-template-areas:
             "dropdown-label"
             "dropdown-content";
         grid-area: dropdown;
-        background: var(--background);
-        padding-right: 4rem;
-        z-index: 1;
         position: absolute;
+        z-index: 1;
     }
     #options-toggle-cbox:checked ~ .dropdown-content {
-        padding: 0rem 3rem 1rem 1rem;
-        width: 100%;
-        max-height: 45vh;
+        width: calc(100% + 100px);
+        max-height: 80vh;
         overflow-y: scroll;
     }
     /* playlist */
@@ -490,7 +487,7 @@ hr {
         grid-area: playlist;
     }
     .play-clean {
-        grid-template-columns: minmax(50px, 120px);
+        grid-template-columns: 100px auto;
     }
     .play-clean > button {
         padding-left: 0px;
-- 
cgit v1.2.3