added style to display error messages in popup

HemantPawar · Mar 20, 2017 · bd3c9d7 · bd3c9d7
1 parent e1df5b3
commit bd3c9d7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/app/scripts.babel/lib/RequestUtils.js b/app/scripts.babel/lib/RequestUtils.js
@@ -4,7 +4,7 @@ import { appendData } from './HtmlUtils';
 const errorMessage = error => (
   `<div class="page-info">
     <h3>Something went wrong!!!</h3>
-    <code>${error}</code>
+    <code class="error-code">${error}</code>
   </div>`
 );
 

diff --git a/app/styles/main.css b/app/styles/main.css
@@ -24,6 +24,7 @@ body {
   font-size: 16px;
   text-align: center;
 }
+
 .page-content ul {
   font-family: "McLaren",sans-serif;
   font-size: 16px;
@@ -56,7 +57,7 @@ body {
   -webkit-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.1) inset;
-  box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.1) inset
+  box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.1) inset;
 }
 
 .page-footer {
@@ -71,4 +72,8 @@ body {
   color: #df5e0e;
   text-decoration: none !important;
   font-weight: bold;
+}
+
+.error-code {
+  color: #df5e0e;
 }