From f18311a26f02d24843c20ece7f029703cc32785e Mon Sep 17 00:00:00 2001
From: Max Berman <max@bigchaindb.com>
Date: Wed, 15 Jan 2020 14:28:43 +0100
Subject: [PATCH] change px for padding and margin to $spacer var

---
 .../components/molecules/NetworkSwitcher.module.scss   | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/client/src/components/molecules/NetworkSwitcher.module.scss b/client/src/components/molecules/NetworkSwitcher.module.scss
index fdc9187..61394d5 100644
--- a/client/src/components/molecules/NetworkSwitcher.module.scss
+++ b/client/src/components/molecules/NetworkSwitcher.module.scss
@@ -1,5 +1,7 @@
 @import '../../styles/variables';
 
+$localSpacer: $spacer / 6;
+
 .networkListWrapper {
     position: relative;
     cursor: pointer;
@@ -13,9 +15,9 @@
 .networkSwitchButton {
     display: inline-block;
     border: 1px solid $brand-grey-lighter;
-    padding: 4px;
+    padding: $localSpacer;
     border-radius: $border-radius;
-    margin: 0 4px;
+    margin: 0 $localSpacer;
     user-select: none;
     cursor: pointer;
 }
@@ -46,7 +48,7 @@
 .networkSwitchButton span:after {
     content: '';
     border-right: 1px solid $brand-grey-lighter;
-    margin: 0 4px;
+    margin: 0 $localSpacer;
 }
 
 .networkList {
@@ -68,7 +70,7 @@
     cursor: pointer;
     font-size: $font-size-mini;
     text-align: left;
-    padding: 4px;
+    padding: $localSpacer;
 }
 
 .listButton {