chore(components): updated css to be more consistent

CityOfZion · May 29, 2018 · 9e10e7a · 9e10e7a
1 parent 94eb431
commit 9e10e7a
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 10 deletions.
diff --git a/src/app/components/AccountInfo/AccountInfoAmounts/AccountInfoAmounts.css b/src/app/components/AccountInfo/AccountInfoAmounts/AccountInfoAmounts.css
@@ -32,7 +32,6 @@
   cursor: default;
 }
 
-
 .accountInfoRefreshButton {
   font-size: 1.2rem;
   border: none;
@@ -41,16 +40,22 @@
   cursor: pointer;
   background-color: white;
 
-  transition:all 0.2s ease;
-  opacity:1;
+  transition: all 0.2s ease;
+  opacity: 1;
+}
+
+.accountInfoRefreshButton:link,
+.accountInfoRefreshButton:visited {
+  color: #585858;
 }
 
 .accountInfoRefreshButton:hover {
-  opacity: 0.7;
+  opacity: 0.5;
 }
 
 .accountInfoRefreshButton:active {
-  opacity: 0.7;
+  opacity: 1;
+  color: #585858;
   -webkit-transform: scale(0.8);
   -ms-transform: scale(0.8);
   transform: scale(0.8);

diff --git a/src/app/components/AccountInfo/AccountInfoHeader/AccountInfoHeader.css b/src/app/components/AccountInfo/AccountInfoHeader/AccountInfoHeader.css
@@ -44,14 +44,22 @@
   cursor: pointer;
   color: #585858;
   font-size: 1.1rem;
+  transition:all 0.2s ease;
+}
+
+.accountDropDownButton:link,
+.accountDropDownButton:visited {
+  color: #585858;
 }
 
 .accountDropDownButton:hover {
-  font-size: 1.2rem;
+  opacity: 0.5;
 }
 
-.accountDropDownButton:focus {
-  font-size: 1.2rem;
+.accountDropDownButton:active {
+  opacity: 1;
+  color: #585858;
+  font-size: 0.8rem;
 }
 
 .accountInfoDropDown {

diff --git a/src/app/components/MainNav/MainNav.css b/src/app/components/MainNav/MainNav.css
@@ -4,10 +4,15 @@
   height: 100%;
   border: none;
   cursor: pointer;
-  transition:all 0.3s ease;
+  transition:all 0.2s ease;
+}
+
+.mainNavButton:hover {
+  opacity: 0.6;
 }
 
 .mainNavButton:active {
+  opacity: 1;
   -webkit-transform: scale(0.8);
   -ms-transform: scale(0.8);
   transform: scale(0.8);

diff --git a/src/app/components/NetworkSwitcher/NetworkSwitcher.css b/src/app/components/NetworkSwitcher/NetworkSwitcher.css
@@ -16,10 +16,15 @@
   justify-content: center;
   height: 100%;
   cursor: pointer;
-  transition:all 0.3s ease;
+  transition:all 0.2s ease;
+}
+
+.networkNavigationButton:hover {
+  opacity: 0.6;
 }
 
 .networkNavigationButton:active {
+  opacity: 1;
   -webkit-transform: scale(0.8);
   -ms-transform: scale(0.8);
   transform: scale(0.8);