quattro: group member selection styling

2 files changed, 69 insertions, 0 deletions

diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index c9fda0e1d..475e16997 100755
--- 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 41adcd8d2..deb2cd62f 100755
--- 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;