centered layout of error

resources/frontend_client/app/dashboard/partials/dash_view.html

-<div class="Dashboard">
-    <div class="wrapper">
-        <div class="text-centered my4 py4" ng-if="!dashboardLoaded">
+<div class="Dashboard full-height">
+    <div class="wrapper full-height" ng-if="dashboardLoaded && dashboardLoadError">
+        <div class="full-height text-centered flex layout-centered">
+            <h2 class="text-error text-grey-1">{{dashboardLoadError}}</h2>
+        </div>
+    </div>
+
+    <div class="text-centered my4 py4" ng-if="!dashboardLoaded">
+        <div class="wrapper">
             <div class="my4 py4 text-brand">
                 <mb-loading-icon></mb-loading-icon>
                 <h1 class="text-normal text-grey-2">Loading...</h1>
             </div>
         </div>
+    </div>
 
-        <div class="text-centered my4 py4" ng-if="dashboardLoaded && dashboardLoadError">
-            <div class="my4 py4 text-error">
-                <h1 class="text-error text-grey-2">{{dashboardLoadError}}</h1>
-            </div>
-        </div>
-
-        <header class="py2 px2 clearfix" ng-if="dashboardLoaded && !dashboardLoadError">
+    <div class="wrapper" ng-if="dashboardLoaded && !dashboardLoadError">
+        <header class="py2 px2 clearfix">
             <div class="float-right">
-	            <!-- <a class="Button" ng-click="toggleSubscribe()" ng-if="dashboard">{{toggleSubscribeButtonText()}}</a> -->
+                <!-- <a class="Button" ng-click="toggleSubscribe()" ng-if="dashboard">{{toggleSubscribeButtonText()}}</a> -->
                 <div class="mx1 inline-block">
                     <label class="Select">
                         <select class="block" ng-model="dashboard.public_perms" ng-change="inlineSave(dashboard)" ng-options="perm.id as perm.name for perm in utils.perms" ng-disabled="!dashboard.can_write">