From 1b17a54063f366088ff0390ce095e17481ff25f7 Mon Sep 17 00:00:00 2001
From: Zhiting Lin <zlin035@uottawa.ca>
Date: Sat, 31 Mar 2018 14:34:32 +0800
Subject: [PATCH] add the style for testnet label

---
 src/features/app/components/Navigation/Navigation.jsx  | 5 +++++
 src/features/app/components/Navigation/Navigation.scss | 9 +++++++++
 static/styles/resources.scss                           | 1 +
 3 files changed, 15 insertions(+)

diff --git a/src/features/app/components/Navigation/Navigation.jsx b/src/features/app/components/Navigation/Navigation.jsx
index 471e985..d22431a 100644
--- a/src/features/app/components/Navigation/Navigation.jsx
+++ b/src/features/app/components/Navigation/Navigation.jsx
@@ -82,6 +82,11 @@ class Navigation extends React.Component {
         </ul>}
 
         <Sync/>
+
+        <ul className={`${styles.navigation} ${styles.networkStatus}`}>
+          <li className={`${styles.navigationTitle} ${styles.networkWord}`}>Test Net</li>
+        </ul>
+
       </div>
     )
   }
diff --git a/src/features/app/components/Navigation/Navigation.scss b/src/features/app/components/Navigation/Navigation.scss
index 6e4129a..d155e11 100644
--- a/src/features/app/components/Navigation/Navigation.scss
+++ b/src/features/app/components/Navigation/Navigation.scss
@@ -71,3 +71,12 @@
     margin-top: -2px;
   }
 }
+
+.networkStatus{
+  position: absolute;
+  bottom: 18px;
+}
+
+.networkWord{
+  color: $highlight-label;
+}
diff --git a/static/styles/resources.scss b/static/styles/resources.scss
index 0d2eb71..60102e0 100644
--- a/static/styles/resources.scss
+++ b/static/styles/resources.scss
@@ -30,6 +30,7 @@ $highlight-danger: #be4343;
 $highlight-danger-background: #f8cece;
 $highlight-danger-border: #f3aaaa;
 $highlight-tutorial: #69A7E4;
+$highlight-label: #fcffab;
 
 $success-background: #dff0d3;
 $success-border: #cbe6b7;
-- 
2.11.0