Tweak z-indicies

ui/app/css/itcss/components/newui-sections.scss

@@ -9,7 +9,7 @@ $wallet-view-bg: $wild-sand;
 // Main container
 .main-container {
   position: absolute;
-  z-index: 18;
+  z-index: $main-container-z-index;
   font-family: "DIN OT";
   display: flex;
   flex-wrap: wrap;
@@ -58,7 +58,7 @@ $wallet-view-bg: $wild-sand;
 .wallet-view.sidebar {
   flex: 1 0 230px;
   background: rgb(250, 250, 250);
-  z-index: 26;
+  z-index: $sidebar-z-index;
   position: fixed;
   top: 35px;
   left: 0;
@@ -74,7 +74,7 @@ $wallet-view-bg: $wild-sand;
 }
 
 .sidebar-overlay {
-  z-index: 25;
+  z-index: $sidebar-overlay-z-index;
   position: fixed;
   top: 35px;
   left: 0;

ui/app/css/itcss/components/send.scss

@@ -13,7 +13,6 @@
 
 }
 
-
 .send-screen-card {
   display: flex;
   flex-direction: column;

ui/app/css/itcss/settings/variables.scss

@@ -29,13 +29,15 @@ $silver-chalice: #aeaeae;
 /*
   Z-Indicies
  */
-
-// Planned
 $dropdown-z-index: 30;
+$token-icon-z-index: 15;
 $container-z-index: 15;
 $header-z-index: 12;
 $mobile-header-z-index: 16;
+$main-container-z-index: 18;
 $send-card-z-index: 20;
+$sidebar-z-index: 26;
+$sidebar-overlay-z-index: 25;
 
 /*
   Z Indicies - Current