SUP-2207, "Whoops! Something went wrong. Please try again later." message while opening the profile page.

-- Styled error section

Author: vikasrohit

app/directives/tc-section/tc-section.jade

@@ -1,6 +1,7 @@
 section(ng-switch="state")
   .section-loading(ng-switch-when="loading")
 
-  p(ng-switch-when="error") {{errMsg}}
+  .section-error(ng-switch-when="error")
+    p {{errMsg}}
 
   div(ng-transclude, ng-switch-when="ready")

assets/css/directives/tc-section.scss

@@ -9,4 +9,14 @@
     min-height: 100px;
     background: url(/images/ripple.gif) no-repeat center center;
   }
+
+  .section-error {
+    width: 100%;
+    min-height: 100px;
+    background: $white;
+    border-top: 1px solid $gray-light;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
 }