diff options
Diffstat (limited to 'css')
-rw-r--r-- | css/app.css | 1 | ||||
-rw-r--r-- | css/content.css | 22 |
2 files changed, 16 insertions, 7 deletions
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 08cfc4673..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; } @@ -39,26 +47,28 @@ display: table-cell; } -#articles, -#app-content-wrapper { - height: 100%; +#articles { + width: 100%; } /** * 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, |