From 3b27f10bf9e9e3f6607689fb356cdf589dee150b Mon Sep 17 00:00:00 2001
From: CorePrime95 <CorePrime95@users.noreply.github.com>
Date: Fri, 30 Jun 2017 19:00:42 +0200
Subject: [PATCH 1/2] Added hover effect to more items

---
 public/views/correspondentDevices.html | 14 +++++++-------
 public/views/walletHome.html           |  2 +-
 src/css/main.css                       | 11 +++++++++--
 src/css/mobile.css                     | 10 ++++++++++
 4 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/public/views/correspondentDevices.html b/public/views/correspondentDevices.html
index cea171bbb..dda13eed0 100644
--- a/public/views/correspondentDevices.html
+++ b/public/views/correspondentDevices.html
@@ -23,10 +23,10 @@
 
   <section class="middle tab-bar-section">
    	<div class="mtabset">
-    	<div class="mtab-title" ng-click="$parent.mtab = 1" ng-class="{'active': mtab == 1}" ng-style="{'color': noColor ? '#4A90E2' : index.backgroundColor}" translate>
+    	<div class="mtab-title hovereffect" ng-click="$parent.mtab = 1" ng-class="{'active': mtab == 1}" ng-style="{'color': noColor ? '#4A90E2' : index.backgroundColor}" translate>
     		Contacts
     	</div>
-    	<div class="mtab-title" ng-click="$parent.mtab = 2" ng-class="{'active': mtab == 2}" ng-style="{'color': noColor ? '#4A90E2' : index.backgroundColor}" translate>
+    	<div class="mtab-title hovereffect" ng-click="$parent.mtab = 2" ng-class="{'active': mtab == 2}" ng-style="{'color': noColor ? '#4A90E2' : index.backgroundColor}" translate>
     		Bot Store
     	</div>
     </div>
@@ -38,7 +38,7 @@
 	<div class="m20b tab-view tab-in" ng-show="state.is('correspondentDevices')" id="chat">
 		<div class="mtab" ng-class="{'active': mtab == 1}" ng-init="mtab = 1">
 		      <ul class="no-bullet m0 correspondentList" ng-init="readList()">
-		        <li class="p10 line-b" ng-repeat="correspondent in list | orderBy:newMsgByAddressComparator">
+		        <li class="p10 line-b hovereffect" ng-repeat="correspondent in list | orderBy:newMsgByAddressComparator">
 		          <a ng-show="selectedCorrespondentList[correspondent.device_address]" 
 		            ng-hide="hideRemoveButton(correspondent.removable)"
 		            class="removeCorrespondentList" 
@@ -73,13 +73,13 @@
 	    </div>
 	    <div class="mtab" ng-class="{'active': mtab == 2}">
 	    	 <ul class="no-bullet m0 correspondentList">
-		        <li class="p10 line-b" ng-repeat="bot in bots">
-		          <div ng-click="showBot(bot)" class="pointer"> 
+               <div ng-click="showBot(bot)" ng-repeat="bot in bots" class="pointer">
+		        <li class="p10 line-b hovereffect" >
 		            {{bot.name}}
 		            <div class="right text-gray"><i class="icon-arrow-right3 size-24" ng-show="!editCorrespondentList && hideRemove"></i></div>
 		            <div class="right label tu radius light-gray" ng-if="bot.isPaired" translate style="margin-top: 5px">Added</div>
-		          </div>
-		        </li>
+		         </li>
+               </div>
 		      </ul>
 		      <div class="text-warning size-12 m10b" ng-show="botsError">{{botsError|translate}}</div>
 	    </div>
diff --git a/public/views/walletHome.html b/public/views/walletHome.html
index 6a34844bf..a2cde2e46 100644
--- a/public/views/walletHome.html
+++ b/public/views/walletHome.html
@@ -148,7 +148,7 @@
             ng-style="{'background-color':index.backgroundColor}">{{ (index.alias || index.walletName) | limitTo: 1}}
           </div>
           <div class="right">
-            <a ng-click="$root.go('preferences')" class="button outline round light-gray tiny preferences-icon m0" ng-if="!index.shared_address">
+            <a ng-click="$root.go('preferences')" class="button outline round light-gray tiny preferences-icon m0 hovereffect" ng-if="!index.shared_address">
               <i class="fi-widget size-18 vm wallet-settings"></i>
               <span class="show-for-medium-up" translate>Preferences</span>
             </a>
diff --git a/src/css/main.css b/src/css/main.css
index 09ac0e20b..583038f02 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -810,6 +810,10 @@ table tbody tr:last-child td {
   color: #6D7884;
 }
 
+.hovereffect:hover{
+ background: #EFEFEF;
+}
+
 /*////////////////////////////  BUTTON OUTLINE  ////////////////////////////*/
 
 .button.outline,
@@ -843,16 +847,19 @@ button.outline.dark-gray:focus {
 }
 
 .button.outline.light-gray,
-.button.outline.light-gray:hover,
 .button.outline.light-gray:focus,
 button.outline.light-gray,
-button.outline.light-gray:hover,
 button.outline.light-gray:focus {
   background-color: transparent;
   border: 1px solid #CED5DC;
   color: #7A8C9E;
 }
 
+.button.outline.light-gray:hover,
+button.outline.light-gray:hover {
+  background-color: #EFEFEF;
+}
+
 .button.outline.white,
 .button.outline.white:hover,
 .button.outline.white:focus,
diff --git a/src/css/mobile.css b/src/css/mobile.css
index c7aad494a..99ad871a0 100644
--- a/src/css/mobile.css
+++ b/src/css/mobile.css
@@ -248,6 +248,11 @@ ul.copayer-list img {
   border-top: 3px solid #122232;
 }
 
+.bottombar-item a:hover {
+  color: #D5D9DC;
+
+}
+
 .bottombar-item a.active {
   color: #E4E8EC;
   background-color: #122232;
@@ -406,6 +411,11 @@ ul.correspondentList li a.removeCorrespondentList {
   line-height: 24px;
 }
 
+ul.off-canvas-list li a:hover {
+    color: #D0DBE6;
+}
+
+
 /*
  * Remove all vendors hover / shadow / fade
  */

From c32ad610032c1b1d1bff9621c30372f890b1e3c9 Mon Sep 17 00:00:00 2001
From: CorePrime95 <CorePrime95@users.noreply.github.com>
Date: Sat, 1 Jul 2017 18:25:45 +0200
Subject: [PATCH 2/2] Added hovereffect to transaction hist list

---
 public/views/walletHome.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/views/walletHome.html b/public/views/walletHome.html
index a2cde2e46..42cf29e31 100644
--- a/public/views/walletHome.html
+++ b/public/views/walletHome.html
@@ -509,7 +509,7 @@ <h4 class="title m0" style="padding:0 10px;">
       <div ng-show="index.txHistory[0]">
         <div ng-repeat="btx in index.txHistory"
           ng-click="home.openTxModal(btx)"
-          class="row collapse last-transactions-content">
+          class="row collapse last-transactions-content hovereffect">
           <div class="large-3 medium-3 small-3 columns">
             <span class="label tu radius" ng-show="btx.action == 'received'"
               ng-style="{'background-color':index.backgroundColor}" translate>Received</span>