From 29bcd520ce23e1bfe58266eaf1d67a1da67ec340 Mon Sep 17 00:00:00 2001
From: yannroberge <yroberge@uwaterloo.ca>
Date: Sun, 7 Jun 2020 17:21:39 -0400
Subject: [PATCH] =?UTF-8?q?Correctif=20d'un=20bug=20sous=20Safari,=20qui?=
 =?UTF-8?q?=20gardait=20une=20hauteur=20fixe=20de=20720px=20=C3=A0=20la=20?=
 =?UTF-8?q?vid=C3=A9o=20peut=20importe=20la=20fen=C3=AAtre?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/comic.css | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/css/comic.css b/css/comic.css
index bd71679..95b0917 100644
--- a/css/comic.css
+++ b/css/comic.css
@@ -58,6 +58,10 @@
     background-color: lightgray;
 }
 
+#vidéo .container-fluid {
+    padding: 0;
+}
+
 #vidéo .row {
     padding-top:    2rem;
     padding-bottom: 2rem;
@@ -65,10 +69,18 @@
     padding-right:  2rem;
 }
 
+#lecteur-vidéo {
+    max-width: 800px;
+    margin: auto;
+}
+
 #vidéo video {
-    /*width:      100%;*/
-    height:     100%;
-    max-width:  720px;
+    width: 100%;
+    /* Sans cette ligne, ça plante sur Safari 13.1.1
+    source: https://stackoverflow.com/questions/16079275/
+    html5-video-dimensions-in-safari-ios
+    [Réponse de Joel Karunungan] */
+    height: 100%;
 }
 
 #services .row {
@@ -117,4 +129,9 @@
 .encadré img {
     max-width: 200px;
     padding-bottom: 1rem;
-}
\ No newline at end of file
+}
+
+/* Bas-de-page */
+footer p {
+    color: white;
+}
-- 
GitLab