quattro: group member selection styling

diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index c9fda0e1d7734eef8973801eb2bac17f56519555..475e16997c7fd47c9342a475fac5751dd4641796 100755 (executable)
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -318,7 +318,41 @@ aside {
        }
 }
 
+#contact-edit-drop-link {
+       float: right;
+       margin-right: 20px;
+}
 
+/* group member */
+.group-delete-wrapper {
+       float: right;
+       margin-right: 50px;
+}
+#group-members {
+       margin-top: 20px;
+       padding: 10px;
+       height: 250px;
+       overflow: auto;
+       border: 1px solid #ddd;
+}
+#group-members-end {
+       clear: both;
+}
+#group-all-contacts {
+       padding: 10px;
+       height: 450px;
+       overflow: auto;
+       border: 1px solid #ddd;
+}
+#group-all-contacts-end {
+       clear: both;
+       margin-bottom: 10px;
+}
+.contact-block-div {
+       float: left;
+       width: 52px;
+       height: 52px;
+}
 /* widget */
 .widget {
        margin-bottom: 2em;
@@ -962,3 +996,4 @@ footer { height: 100px; display: table-row; }
     margin-top: 25px;
     clear: both;
 }
+

diff --git a/view/theme/quattro/style.css b/view/theme/quattro/style.css
index 41adcd8d2c692b544fe5d08330d60144f67d668b..deb2cd62f03ccb46acfaa2b66ef9c3e67814041a 100755 (executable)
--- a/view/theme/quattro/style.css
+++ b/view/theme/quattro/style.css
@@ -564,6 +564,40 @@ aside #profiles-menu {
   widht: 48px;
   height: 58px;
 }
+#contact-edit-drop-link {
+  float: right;
+  margin-right: 20px;
+}
+/* group member */
+.group-delete-wrapper {
+  float: right;
+  margin-right: 50px;
+}
+#group-members {
+  margin-top: 20px;
+  padding: 10px;
+  height: 250px;
+  overflow: auto;
+  border: 1px solid #ddd;
+}
+#group-members-end {
+  clear: both;
+}
+#group-all-contacts {
+  padding: 10px;
+  height: 450px;
+  overflow: auto;
+  border: 1px solid #ddd;
+}
+#group-all-contacts-end {
+  clear: both;
+  margin-bottom: 10px;
+}
+.contact-block-div {
+  float: left;
+  width: 52px;
+  height: 52px;
+}
 /* widget */
 .widget {
   margin-bottom: 2em;