diff options
| -rw-r--r-- | src/style.css | 6 | ||||
| -rw-r--r-- | templates/song.html.erb | 4 | ||||
| -rw-r--r-- | templates/youtube.html.erb | 2 |
3 files changed, 9 insertions, 3 deletions
diff --git a/src/style.css b/src/style.css index 9cde21f..e888030 100644 --- a/src/style.css +++ b/src/style.css @@ -1,11 +1,15 @@ body { margin: 40px auto; - max-width: 800px; + max-width: 538.55pt; line-height: 1.6; font-size: 18px; padding: 0 10px; } +img { + max-width: 538.55pt; +} + a { color: darkblue; text-decoration: none; diff --git a/templates/song.html.erb b/templates/song.html.erb index 2c4164f..71a77bc 100644 --- a/templates/song.html.erb +++ b/templates/song.html.erb @@ -10,7 +10,9 @@ <%- end -%> <%- if File.file?(src (song_ly song.id)) -%> -<img src='<%= path_to (song_svg song.id) %>' /> +<div style='overflow: scroll;'> + <img src='<%= path_to (song_svg song.id) %>' /> +</div> <%- end -%> <%- if !song.recordings.empty? -%> diff --git a/templates/youtube.html.erb b/templates/youtube.html.erb index 821454b..67571d0 100644 --- a/templates/youtube.html.erb +++ b/templates/youtube.html.erb @@ -1 +1 @@ -<iframe width="560" height="315" src="https://www.youtube.com/embed/<%= @vid %>" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> +<iframe width="100%" height="315" src="https://www.youtube.com/embed/<%= @vid %>" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> |