diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css index 5438e9f411..5f4b005c8e 100644 --- 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,29 @@ 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 .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + position: relative; + top: 10px; + left: -10px; +} +.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 5378baedd9..c2826a3c0c 100644 --- 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,29 @@ 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 .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + position: relative; + top: 10px; + left: -10px; +} +.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 196dd8b93c..28c5cd47a9 100644 --- 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,29 @@ 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 .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; + width: 22px; + height: 22px; + position: relative; + top: 10px; + left: -10px; +} +.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 2abd9a432c..172fad31b5 100644 --- a/view/theme/quattro/quattro.less +++ b/view/theme/quattro/quattro.less @@ -1423,9 +1423,24 @@ ul.tabs { /* profile match wrapper */ .profile-match-wrapper { float: left; - width: 90px; - height: 90px; + width: 110px; + height: 110px; margin-bottom: 20px; + .drop { + background-image: url('../../../images/icons/22/delete.png'); + display: block; width: 22px; height: 22px; + position: relative; + top: 10px; + left: -10px; + } + .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; }