From 809816608b03346225ae48397878334dbd4ed400 Mon Sep 17 00:00:00 2001
From: Dermot Duffy <dermot.duffy@gmail.com>
Date: Sun, 3 Jul 2022 13:35:25 -0700
Subject: [PATCH] Vertically center the progress indicator

---
 src/scss/live-jsmpeg.scss    | 2 +-
 src/scss/media-carousel.scss | 1 -
 src/scss/message.scss        | 6 ++++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/scss/live-jsmpeg.scss b/src/scss/live-jsmpeg.scss
index 9f7cbf2c..8adaa565 100644
--- a/src/scss/live-jsmpeg.scss
+++ b/src/scss/live-jsmpeg.scss
@@ -1,7 +1,7 @@
 :host {
   width: 100%;
   height: 100%;
-  display: block;
+  display: flex;
 }
 
 canvas {
diff --git a/src/scss/media-carousel.scss b/src/scss/media-carousel.scss
index d0d0142d..5611628f 100644
--- a/src/scss/media-carousel.scss
+++ b/src/scss/media-carousel.scss
@@ -4,5 +4,4 @@
 
 .embla__slide {
   flex: 0 0 100%;
-  height: 100%;
 }
\ No newline at end of file
diff --git a/src/scss/message.scss b/src/scss/message.scss
index c345049f..50746fb2 100644
--- a/src/scss/message.scss
+++ b/src/scss/message.scss
@@ -1,7 +1,9 @@
 :host {
   min-height: 100%;
   width: 100%;
-  display: block;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 
   // Ensure error messages are selectable.
   user-select: text;
@@ -30,7 +32,7 @@ div.message div.contents {
   padding: 10px;
   margin-top: auto;
   margin-bottom: auto;
-  max-width: 100%;
+  min-width: 0;
 }
 
 div.message div.icon {