From 2a115bd79f2e45348f81c554c81723578a53bb05 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Tue, 14 Aug 2018 10:47:00 +0200
Subject: Audio player fix, loading fixes and design update
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 css/app.css     |  1 -
 css/content.css | 17 ++++++++++++++---
 2 files changed, 14 insertions(+), 4 deletions(-)

(limited to 'css')

diff --git a/css/app.css b/css/app.css
index 229cee81a..b0eaa3fa8 100644
--- a/css/app.css
+++ b/css/app.css
@@ -9,7 +9,6 @@
  */
 #global-loading {
     width: 100%;
-    height: 100%;
 }
 
 #undo-container {
diff --git a/css/content.css b/css/content.css
index b21aff528..57b4b22df 100644
--- a/css/content.css
+++ b/css/content.css
@@ -7,6 +7,14 @@
  * @author Bernhard Posselt <dev@bernhard-posselt.com>
  * @copyright Bernhard Posselt 2014
  */
+
+#app-content {
+    width: 100%
+}
+#app-navigation:not(.hidden) + #app-content {
+    width: calc(100% - 300px);
+}
+
 #app-content #searchresults {
     display: none;
 }
@@ -47,17 +55,20 @@
  * Podcast settings
  */
 #app-content .podcast {
-    height: 30px;
+    height: 50px;
     z-index: 10000;
     background-color: #111;
+    display: flex;
+	position: sticky;
+    top: 50px;
+    align-items: center;
 }
 
 #app-content .podcast audio {
     display: block;
-    float: left;
     width: calc(100% - 60px);
-    height: 30px;
     border-radius: 0;
+    height: inherit;
 }
 
 #app-content .podcast button,
-- 
cgit v1.2.3