diff --git a/demo-shell-ng2/app/css/app.css b/demo-shell-ng2/app/css/app.css
index af87c72028..3611cf6ae8 100644
--- a/demo-shell-ng2/app/css/app.css
+++ b/demo-shell-ng2/app/css/app.css
@@ -1,4 +1,8 @@
/* Utils */
+body, html {
+ height: 100%;
+}
+
.p-10 {
padding: 10px;
@@ -7,3 +11,27 @@
.m-10 {
margin: 10px;
}
+
+.loader-container {
+ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
+ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
+ display: -webkit-flex; /* NEW - Chrome */
+ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
+ -webkit-box-flex-direction: row;
+ -moz-box-flex-direction: row;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ height:100%;
+}
+
+.loader-item {
+ margin: auto;
+ max-height:100px;
+ max-width:300px;
+}
+
+.loader-text{
+ white-space: nowrap;
+ text-align: center;
+ position: relative;
+}
diff --git a/demo-shell-ng2/index.html b/demo-shell-ng2/index.html
index 4d4e26e44a..ba765707be 100644
--- a/demo-shell-ng2/index.html
+++ b/demo-shell-ng2/index.html
@@ -38,25 +38,12 @@
-
-
-
-
Loading Demo Shell..
+
+
+
+
Loading Demo Shell..
+