From 53026a61beb7286fa32509a267e096d9e838ff69 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Mon, 30 May 2016 12:35:27 +0200
Subject: [PATCH] A better style for nm row selection in mobile template

---
 pixelegg/mobile/fw_mobile.css  | 15 ++++++++-------
 pixelegg/mobile/fw_mobile.less | 15 ++++++++-------
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 837a5fcc67..e45e5d089d 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -7644,7 +7644,7 @@ form[id^="tracker-"] .dialogHeadbar {
     background-image: none;
   }
   body .et2_nextmatch table.egwGridView_grid tbody tr.selected:not([class*="tile"]) {
-    background: #696969 !important;
+    background: #b0bfd8 !important;
   }
   body .et2_nextmatch table.egwGridView_grid tbody tr.selected:not([class*="tile"]) * {
     color: white !important;
@@ -7652,18 +7652,19 @@ form[id^="tracker-"] .dialogHeadbar {
   body .et2_nextmatch table.egwGridView_grid tbody tr.selected:not([class*="tile"]) td:last-child:before {
     content: " ";
     position: absolute;
-    background: #62A28E;
-    right: 2px;
-    bottom: 2px;
+    background: #b0bfd8;
+    right: 0px;
+    bottom: 0px;
+    left: -8px;
+    top: 0px;
     color: white;
     background-image: url(../images/topmenu_items/mobile/check.svg);
     background-repeat: no-repeat;
     height: auto;
     background-size: 20px;
     background-position: center;
-    height: 32px;
-    width: 32px;
-    border-radius: 50%;
+    height: 99%;
+    width: 99%;
   }
   body .et2_nextmatch table.egwGridView_grid tbody tr:hover {
     background: transparent;
diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less
index 1394d5c450..dec3b3ef32 100644
--- a/pixelegg/mobile/fw_mobile.less
+++ b/pixelegg/mobile/fw_mobile.less
@@ -799,14 +799,16 @@
 				tbody {
 					tr.focused{background-image: none;}
 					tr.selected:not([class*="tile"]) {
-						background: #696969 !important;
+						background: #b0bfd8 !important;
 						* {color:white !important;}
 						td:last-child:before {
 							content: " ";
 							position: absolute;
-							background: #62A28E;
-							right: 2px;
-							bottom: 2px;
+							background: #b0bfd8;
+							right: 0px;
+							bottom: 0px;
+							left: -8px;
+							top:0px;
 							color: white;
 							background-image: url(../images/topmenu_items/mobile/check.svg);
 							background-repeat: no-repeat;
@@ -814,9 +816,8 @@
 							height: auto;
 							background-size: 20px;
 							background-position: center;
-							height: 32px;
-							width: 32px;
-							border-radius: 50%;
+							height: 99%;
+							width: 99%;
 						}
 					}
 					tr {