[feat] ui - email status section

1 files changed, 26 insertions, 2 deletions

diff --git a/ui/app/css/common.css b/ui/app/css/common.css
index fcae7faa..a0d2c35f 100644
--- a/ui/app/css/common.css
+++ b/ui/app/css/common.css
@@ -63,15 +63,38 @@ body {
  */
 
 .center-container {
-
   display: -webkit-flex;
   display: flex;
+
   -webkit-flex-flow: row nowrap;
   flex-flow: row nowrap;
+
   -webkit-justify-content: center;
   justify-content: center;
+
+  -webkit-align-content: center;
+  align-content: center;
+
+  -webkit-align-items: center;
+  align-items: center;
+}
+
+.center-vertical {
+  display: -webkit-flex;
+  display: flex;
+
+  -webkit-flex-direction: row;
+  flex-direction: row;
+
+  -webkit-flex-flow: row nowrap;
+  flex-flow: row nowrap;
+
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+
   -webkit-align-content: center;
   align-content: center;
+
   -webkit-align-items: center;
   align-items: center;
 }
@@ -84,7 +107,8 @@ body {
   width: 100%;
 }
 
-.center-container .center-item {
+.center-container .center-item,
+.center-vertical .center-item {
   -webkit-flex: 0 1 auto;
   flex: 0 1 auto;
 }