From 3e6b377bb29c661b36329de5f18f69cb3ee6e01a Mon Sep 17 00:00:00 2001
From: piotrruss <mail@pruss.it>
Date: Sat, 2 Oct 2021 21:27:08 +0200
Subject: styling refactor, player audio mode

---
 apps/Youtube/styles/_results.scss | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

(limited to 'apps/Youtube')

diff --git a/apps/Youtube/styles/_results.scss b/apps/Youtube/styles/_results.scss
index 9aba047..48437a2 100644
--- a/apps/Youtube/styles/_results.scss
+++ b/apps/Youtube/styles/_results.scss
@@ -1,15 +1,22 @@
 .results {
+  display: flex;
+  flex-direction: column;
+
+  & > div {
+    flex-grow: 1;
+  }
+
   form {
     padding: .5em;
     justify-content: center;
     align-items: center;
     display: flex;
-    height: 4.5em;
+    height: 4em;
 
     input[type=text] {
       background-color: var(--color-window-content);
       color: var(--color-text-alt);
-      margin: 1em .5em 0;
+      margin: .5em .5em 0;
       height: 2.5rem;
       border: none;
       border-radius: .5em;
@@ -24,15 +31,10 @@
         font: inherit;
       }
     }
-  }
 
-  & > div {
-    position: fixed;
-    top: 9.5em;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    height: auto;
+    & > input {
+      margin-top: .5em;
+    }
   }
 
   ul {
@@ -64,7 +66,6 @@
         margin-left: 1em;
         display: flex;
         flex-direction: column;
-        // justify-content: space-between;
 
         & > p:nth-of-type(2) {
           margin: .25em 0 .5em;
-- 
cgit v1.2.3