diff options
| author | Samantaz Fox <coding@samantaz.fr> | 2024-02-18 23:56:53 +0100 |
|---|---|---|
| committer | Samantaz Fox <coding@samantaz.fr> | 2024-02-19 00:16:17 +0100 |
| commit | c5a3112e497a528b2786ee3b2d944860c275f8d8 (patch) | |
| tree | d51e6c810ce18827bfa14b47458691b4caf94138 | |
| parent | d3703baba9a91bcef712b205efe8258f6ba15470 (diff) | |
| parent | 4a339df5c49e30a5ef5008d26639eb69edfff152 (diff) | |
| download | invidious-c5a3112e497a528b2786ee3b2d944860c275f8d8.tar.gz invidious-c5a3112e497a528b2786ee3b2d944860c275f8d8.tar.bz2 invidious-c5a3112e497a528b2786ee3b2d944860c275f8d8.zip | |
CSS: expand #contents width on small screens (#4405)
The #contents div now takes the full width on small screens (< 1280px).
All page elements have a little more room, especially the video titles.
| -rw-r--r-- | assets/css/default.css | 1 | ||||
| -rw-r--r-- | src/invidious/views/template.ecr | 4 |
2 files changed, 2 insertions, 3 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index 4d6c6c2f..a47762ec 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -13,6 +13,7 @@ body { display: flex; flex-direction: column; min-height: 100vh; + margin: auto; } .h-box { diff --git a/src/invidious/views/template.ecr b/src/invidious/views/template.ecr index fd755619..5623bf77 100644 --- a/src/invidious/views/template.ecr +++ b/src/invidious/views/template.ecr @@ -27,8 +27,7 @@ <body class="<%= dark_mode.blank? ? "no" : dark_mode %>-theme"> <span style="display:none" id="dark_mode_pref"><%= dark_mode %></span> <div class="pure-g"> - <div class="pure-u-1 pure-u-md-2-24"></div> - <div class="pure-u-1 pure-u-md-20-24" id="contents"> + <div class="pure-u-1 pure-u-xl-20-24" id="contents"> <div class="pure-g navbar h-box"> <% if navbar_search %> <div class="pure-u-1 pure-u-md-4-24"> @@ -155,7 +154,6 @@ </footer> </div> - <div class="pure-u-1 pure-u-md-2-24"></div> </div> <script src="/js/handlers.js?v=<%= ASSET_COMMIT %>"></script> <script src="/js/themes.js?v=<%= ASSET_COMMIT %>"></script> |