From 20dbebae9fc96c968febc68a289976e7e147a7c8 Mon Sep 17 00:00:00 2001
From: Dan Miller <danjm.com@gmail.com>
Date: Thu, 6 Dec 2018 16:09:47 -0330
Subject: Adds network loading retry / error screen.

---
 ui/app/css/itcss/components/loading-overlay.scss | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

(limited to 'ui/app/css')

diff --git a/ui/app/css/itcss/components/loading-overlay.scss b/ui/app/css/itcss/components/loading-overlay.scss
index b023c8423..b5206ef29 100644
--- a/ui/app/css/itcss/components/loading-overlay.scss
+++ b/ui/app/css/itcss/components/loading-overlay.scss
@@ -26,6 +26,27 @@
     font-size: 20px;
     color: $manatee;
   }
+
+  &__error-screen {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    height: 160px;
+    justify-content: space-evenly;
+  }
+
+  &__error-buttons {
+    display: flex;
+    flex-direction: row;
+
+    button {
+      margin: 5px;
+    }
+  }
+
+  &__emoji {
+    font-size: 32px;
+  }
 }
 
 .spinner {
-- 
cgit 


From f4dc64960d5759fb45dd4182ddd3a56f0823e870 Mon Sep 17 00:00:00 2001
From: Dan Miller <danjm.com@gmail.com>
Date: Fri, 7 Dec 2018 13:52:43 -0330
Subject: Improve styling of loading retry / error screen

---
 ui/app/css/itcss/components/loading-overlay.scss | 6 ++++++
 1 file changed, 6 insertions(+)

(limited to 'ui/app/css')

diff --git a/ui/app/css/itcss/components/loading-overlay.scss b/ui/app/css/itcss/components/loading-overlay.scss
index b5206ef29..d7ff0b8ed 100644
--- a/ui/app/css/itcss/components/loading-overlay.scss
+++ b/ui/app/css/itcss/components/loading-overlay.scss
@@ -11,6 +11,12 @@
   height: 100%;
   background: rgba(255, 255, 255, .8);
 
+  &__screen-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
   &__container {
     position: absolute;
     top: 33%;
-- 
cgit