making the ignore button in contact suggestions visible in quattro

diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css
index 5438e9f411b2ae4aac298a776c93ee17a53a86bc..14bbcadc91c5b8b3e3ef314f04f190a36e091dc0 100644 (file)
--- a/view/theme/quattro/dark/style.css
+++ b/view/theme/quattro/dark/style.css
@@ -1283,6 +1283,9 @@ section {
     opacity: 0.5;
 }*/
 .wwto {
+  position: absolute !important;
+  width: 25px;
+  height: 25px;
   background: #FFFFFF;
   border: 2px solid #364e59;
   height: 25px;
@@ -2093,10 +2096,20 @@ ul.tabs li .active {
 /* profile match wrapper */
 .profile-match-wrapper {
   float: left;
-  width: 90px;
-  height: 90px;
+  width: 110px;
+  height: 110px;
   margin-bottom: 20px;
 }
+.profile-match-wrapper .drophide {
+  background-image: url('../../../images/icons/22/delete.png');
+  display: block;
+  width: 22px;
+  height: 22px;
+  opacity: 0.3;
+  position: relative;
+  top: 10px;
+  left: -10px;
+}
 .profile-match-wrapper .contact-photo {
   width: 80px;
   height: 80px;

diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css
index 5378baedd96e5dd6e6e605372fcb79cc1e070e57..8f3b32dae20a06db26c0a7a5327ca4e642330f96 100644 (file)
--- a/view/theme/quattro/green/style.css
+++ b/view/theme/quattro/green/style.css
@@ -1283,6 +1283,9 @@ section {
     opacity: 0.5;
 }*/
 .wwto {
+  position: absolute !important;
+  width: 25px;
+  height: 25px;
   background: #FFFFFF;
   border: 2px solid #364e59;
   height: 25px;
@@ -2093,10 +2096,20 @@ ul.tabs li .active {
 /* profile match wrapper */
 .profile-match-wrapper {
   float: left;
-  width: 90px;
-  height: 90px;
+  width: 110px;
+  height: 110px;
   margin-bottom: 20px;
 }
+.profile-match-wrapper .drophide {
+  background-image: url('../../../images/icons/22/delete.png');
+  display: block;
+  width: 22px;
+  height: 22px;
+  opacity: 0.3;
+  position: relative;
+  top: 10px;
+  left: -10px;
+}
 .profile-match-wrapper .contact-photo {
   width: 80px;
   height: 80px;

diff --git a/view/theme/quattro/lilac/style.css b/view/theme/quattro/lilac/style.css
index 196dd8b93c6ce595c2c0db5f9b4939cc1d0d274c..8814cf00d85a30c89fc57b081575edc49c66875c 100644 (file)
--- a/view/theme/quattro/lilac/style.css
+++ b/view/theme/quattro/lilac/style.css
@@ -1283,6 +1283,9 @@ section {
     opacity: 0.5;
 }*/
 .wwto {
+  position: absolute !important;
+  width: 25px;
+  height: 25px;
   background: #FFFFFF;
   border: 2px solid #364e59;
   height: 25px;
@@ -2093,10 +2096,20 @@ ul.tabs li .active {
 /* profile match wrapper */
 .profile-match-wrapper {
   float: left;
-  width: 90px;
-  height: 90px;
+  width: 110px;
+  height: 110px;
   margin-bottom: 20px;
 }
+.profile-match-wrapper .drophide {
+  background-image: url('../../../images/icons/22/delete.png');
+  display: block;
+  width: 22px;
+  height: 22px;
+  opacity: 0.3;
+  position: relative;
+  top: 10px;
+  left: -10px;
+}
 .profile-match-wrapper .contact-photo {
   width: 80px;
   height: 80px;

diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index 2abd9a432c3c21c9014b5350c628013f9c9e00c9..5e773c0eea61e487ee49e4d661ca1455f77a0535 100644 (file)
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -1423,9 +1423,17 @@ ul.tabs {
 /* profile match wrapper */
 .profile-match-wrapper {
        float: left;
-       width: 90px;
-       height: 90px;
+       width: 110px;
+       height: 110px;
         margin-bottom: 20px;
+        .drophide {
+            background-image: url('../../../images/icons/22/delete.png');
+            display: block; width: 22px; height: 22px;
+            opacity: 0.3;
+            position: relative;
+            top: 10px;
+           left: -10px;
+        }
        .contact-photo { 
                width: 80px; height: 80px;
                img { width: 80px; height: 80px; }