From f24109ecdd456d4b270289b1b1201f646d0f18a4 Mon Sep 17 00:00:00 2001
From: Marcin Chrzanowski <m@m-chrzan.xyz>
Date: Mon, 13 Sep 2021 07:38:26 +0200
Subject: Fix widths

---
 src/style.css              | 6 +++++-
 templates/song.html.erb    | 4 +++-
 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>
-- 
cgit v1.2.3