browser: layout for errors

laurelnaiad · laurelnaiad · commit b9ad4ff9b2fa · 2014-12-19T17:23:02.000-08:00
Set margin-bottom and font size for global error, but not others.
diff --git a/browser/src/app/states/_layout.html b/browser/src/app/states/_layout.html
@@ -1,4 +1,4 @@
-<div ng-if="globalError.length" marked="globalError" class="has-error"></div>
+<div ng-if="globalError.length" marked="globalError" class="ss-global-error has-error"></div>
 <div>
 
   <div ng-if="loading" class="spinner">
diff --git a/browser/src/app/styles/style.scss b/browser/src/app/styles/style.scss
@@ -47,13 +47,15 @@
 .has-error {
   border: 1px solid #f00;
   padding: 5px;
+}
+
+.ss-global-error {
   font-size: 8pt;
+  margin-bottom: -($navbar-height);
 
   pre {
     font-size: 8pt;
   }
-
-  margin-bottom: -($navbar-height);
 }
 
 p.has-error {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<div ng-if="globalError.length" marked="globalError" class="has-error"></div>`
	`1`	`+<div ng-if="globalError.length" marked="globalError" class="ss-global-error has-error"></div>`
`2`	`2`	`<div>`
`3`	`3`
`4`	`4`	`<div ng-if="loading" class="spinner">`