quattro: added delete button to mail list overview

2 files changed, 13 insertions, 34 deletions

diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index 3bc01a839..0d58000e6 100755
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -318,21 +318,9 @@ aside {
 	}
 }
 
-#contact-edit-drop-link {
-	float: right;
-	margin-right: 20px;
-        .drophide {
-            background-image: url('../../../images/icons/22/delete.png');
-            display: block; width: 22px; height: 22px;
-            opacity: 0.3;
-        }
-        .drop {
-            background-image: url('../../../images/icons/22/delete.png');
-            display: block; width: 22px; height: 22px;
-        }
-}
-
 /* group member */
+#contact-edit-drop-link,
+.mail-list-delete-wrapper,
 .group-delete-wrapper {
 	float: right;
 	margin-right: 50px;
@@ -340,10 +328,14 @@ aside {
             background-image: url('../../../images/icons/22/delete.png');
             display: block; width: 22px; height: 22px;
             opacity: 0.3;
+            position: relative;
+            top: -50px;
         }
         .drop {
             background-image: url('../../../images/icons/22/delete.png');
             display: block; width: 22px; height: 22px;
+            position: relative;
+            top: -50px;
         }
 }
 #group-members {
diff --git a/view/theme/quattro/style.css b/view/theme/quattro/style.css
index f05dbefa8..49d57eb37 100755
--- a/view/theme/quattro/style.css
+++ b/view/theme/quattro/style.css
@@ -564,40 +564,27 @@ aside #profiles-menu {
   widht: 48px;
   height: 58px;
 }
-#contact-edit-drop-link {
-  float: right;
-  margin-right: 20px;
-}
-#contact-edit-drop-link .drophide {
-  background-image: url('../../../images/icons/22/delete.png');
-  display: block;
-  width: 22px;
-  height: 22px;
-  opacity: 0.3;
-}
-#contact-edit-drop-link .drop {
-  background-image: url('../../../images/icons/22/delete.png');
-  display: block;
-  width: 22px;
-  height: 22px;
-}
 /* group member */
-.group-delete-wrapper {
+#contact-edit-drop-link, .mail-list-delete-wrapper, .group-delete-wrapper {
   float: right;
   margin-right: 50px;
 }
-.group-delete-wrapper .drophide {
+#contact-edit-drop-link .drophide, .mail-list-delete-wrapper .drophide, .group-delete-wrapper .drophide {
   background-image: url('../../../images/icons/22/delete.png');
   display: block;
   width: 22px;
   height: 22px;
   opacity: 0.3;
+  position: relative;
+  top: -50px;
 }
-.group-delete-wrapper .drop {
+#contact-edit-drop-link .drop, .mail-list-delete-wrapper .drop, .group-delete-wrapper .drop {
   background-image: url('../../../images/icons/22/delete.png');
   display: block;
   width: 22px;
   height: 22px;
+  position: relative;
+  top: -50px;
 }
 #group-members {
   margin-top: 20px;