diff options
| author | Samantaz Fox <coding@samantaz.fr> | 2023-04-24 19:44:15 +0200 |
|---|---|---|
| committer | Samantaz Fox <coding@samantaz.fr> | 2023-07-08 20:48:36 +0200 |
| commit | 42fa6ad2a30038cd7cdc705f5da2bffdc9714349 (patch) | |
| tree | 96dfc4f4214f0edf2fdd51625a48c12bbee36d4b /src | |
| parent | cc30b00f8ca00572348c1ee266df907c69726c13 (diff) | |
| download | invidious-42fa6ad2a30038cd7cdc705f5da2bffdc9714349.tar.gz invidious-42fa6ad2a30038cd7cdc705f5da2bffdc9714349.tar.bz2 invidious-42fa6ad2a30038cd7cdc705f5da2bffdc9714349.zip | |
HTML/CSS: Fix buttons' responsiveness
Diffstat (limited to 'src')
| -rw-r--r-- | src/invidious/views/components/video-context-buttons.ecr | 4 | ||||
| -rw-r--r-- | src/invidious/views/playlist.ecr | 18 |
2 files changed, 10 insertions, 12 deletions
diff --git a/src/invidious/views/components/video-context-buttons.ecr b/src/invidious/views/components/video-context-buttons.ecr index ddb6c983..385ed6b3 100644 --- a/src/invidious/views/components/video-context-buttons.ecr +++ b/src/invidious/views/components/video-context-buttons.ecr @@ -1,4 +1,4 @@ -<div class="flex-right"> +<div class="flex-right flexible"> <div class="icon-buttons"> <a title="<%=translate(locale, "videoinfo_watch_on_youTube")%>" href="https://www.youtube.com/watch<%=endpoint_params%>"> <i class="icon ion-logo-youtube"></i> @@ -6,7 +6,7 @@ <a title="<%=translate(locale, "Audio mode")%>" href="/watch<%=endpoint_params%>&listen=1"> <i class="icon ion-md-headset"></i> </a> - + <% if env.get("preferences").as(Preferences).automatic_instance_redirect%> <a title="<%=translate(locale, "Switch Invidious Instance")%>" href="/redirect?referer=%2Fwatch<%=URI.encode_www_form(endpoint_params)%>"> <i class="icon ion-md-jet"></i> diff --git a/src/invidious/views/playlist.ecr b/src/invidious/views/playlist.ecr index 8d4d116d..ee9ba87b 100644 --- a/src/invidious/views/playlist.ecr +++ b/src/invidious/views/playlist.ecr @@ -6,30 +6,28 @@ <link rel="alternate" type="application/rss+xml" title="RSS" href="/feed/playlist/<%= plid %>" /> <% end %> -<div class="pure-g h-box"> - <div class="pure-u-1-2"> - <h3><%= title %></h3> - </div> +<div class="h-box flexible title"> + <div class="flex-left"><h3><%= title %></h3></div> - <div class="pure-u-1-2 user-field"> + <div class="flex-right button-container"> <%- if playlist.is_a?(InvidiousPlaylist) && playlist.author == user.try &.email -%> - <div class="pure-u-1-3"> + <div class="pure-u"> <a class="pure-button pure-button-secondary low-profile" dir="auto" href="/add_playlist_items?list=<%= plid %>"> <i class="icon ion-md-add"></i> <%= translate(locale, "playlist_button_add_items") %> </a> </div> - <div class="pure-u-1-3"> + <div class="pure-u"> <a class="pure-button pure-button-secondary low-profile" dir="auto" href="/edit_playlist?list=<%= plid %>"> <i class="icon ion-md-create"></i> <%= translate(locale, "generic_button_edit") %> </a> </div> - <div class="pure-u-1-3"> + <div class="pure-u"> <a class="pure-button pure-button-secondary low-profile" dir="auto" href="/delete_playlist?list=<%= plid %>"> <i class="icon ion-md-trash"></i> <%= translate(locale, "generic_button_delete") %> </a> </div> <%- else -%> - <div class="pure-u-1-3"> + <div class="pure-u"> <%- if IV::Database::Playlists.exists?(playlist.id) -%> <a class="pure-button pure-button-secondary low-profile" dir="auto" href="/subscribe_playlist?list=<%= plid %>"> <i class="icon ion-md-add"></i> <%= translate(locale, "Subscribe") %> @@ -42,7 +40,7 @@ </div> <%- end -%> - <div class="pure-u-1-3"> + <div class="pure-u"> <a class="pure-button pure-button-secondary low-profile" dir="auto" href="/feed/playlist/<%= plid %>"> <i class="icon ion-logo-rss"></i> <%= translate(locale, "generic_button_rss") %> </a> |