From 8342c20b58a0b90806a592992b6212ee6fa6f0ad Mon Sep 17 00:00:00 2001
From: Dan <danjm.com@gmail.com>
Date: Thu, 7 Sep 2017 21:17:07 -0230
Subject: Cleaner css for circle icon.

---
 ui/app/css/itcss/components/network.scss | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

(limited to 'ui/app/css/itcss')

diff --git a/ui/app/css/itcss/components/network.scss b/ui/app/css/itcss/components/network.scss
index 6661bf9b2..5b9e8bfb1 100644
--- a/ui/app/css/itcss/components/network.scss
+++ b/ui/app/css/itcss/components/network.scss
@@ -44,13 +44,7 @@
   opacity: 0;
 }
 
-.menu-icon-circle {
-  height: 17px;
-  width: 17px;
-  border-radius: 17px;
-}
-
-.menu-icon-circle-select {
+.menu-icon-circle, .menu-icon-circle--active {
   height: 23px;
   width: 23px;
   margin: 9px;
@@ -59,6 +53,24 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  border: none;
+  background: none;
+}
+
+.menu-icon-circle--active {
+  border: 1px solid white;
+  background: rgba(100, 100, 100, 0.4);
+}
+
+.menu-icon-circle div, .menu-icon-circle--active div {
+  height: 17px;
+  width: 17px;
+  border-radius: 17px;
+  opacity: 0.7;
+}
+
+.menu-icon-circle--active div {
+  opacity: 1;
 }
 
 .network-dropdown-header {
-- 
cgit