Vertically center the progress indicator

2022-07-03 13:35:25 -07:00
parent e59d6aa3da
commit 809816608b
3 changed files with 5 additions and 4 deletions
@@ -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 {