diff options
author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-08-14 10:47:00 +0200 |
---|---|---|
committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-08-14 10:47:00 +0200 |
commit | 2a115bd79f2e45348f81c554c81723578a53bb05 (patch) | |
tree | cdadb5e3fe5a7f1af8e8141d9aa0567229d8ec45 /css/content.css | |
parent | ed42d3fb7ccbd46ca8aadb8a623b3bb1e7721441 (diff) |
Audio player fix, loading fixes and design update
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'css/content.css')
-rw-r--r-- | css/content.css | 17 |
1 files changed, 14 insertions, 3 deletions
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, |