profile-match and contact suggestion list styling

diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index 23b1d847461e221464106da5a8430ae226c5436c..db31fc25ea488cd2454c7a3f0319423b6c226be8 100644 (file)
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -522,6 +522,7 @@ section {
        float: left;
        width: 90px;
        height: 90px;
+        margin-bottom: 15px;
        .contact-photo { 
                width: 80px; height: 80px;
                img { width: 80px; height: 80px; }
@@ -886,6 +887,22 @@ ul.tabs {
        margin: 0px 10px 10px 0px;
 }
 
+/* profile match wrapper */
+.profile-match-wrapper {
+       float: left;
+       width: 90px;
+       height: 90px;
+        margin-bottom: 20px;
+       .contact-photo { 
+               width: 80px; height: 80px;
+               img { width: 80px; height: 80px; }
+       }
+       .contact-photo-menu-button {
+               left: 0px;
+               top: 63px;
+       }       
+}
+
 
 /* page footer */
 footer { height: 100px; display: table-row; }

diff --git a/view/theme/quattro/style.css b/view/theme/quattro/style.css
index f5c8c4690e96b0e4b04499f4edf2846b46a7c596..dbfc8cddae379a9d290e7ee2d81f73c5174f22e1 100644 (file)
--- a/view/theme/quattro/style.css
+++ b/view/theme/quattro/style.css
@@ -868,6 +868,7 @@ section {
   float: left;
   width: 90px;
   height: 90px;
+  margin-bottom: 15px;
 }
 .contact-wrapper .contact-photo {
   width: 80px;
@@ -1240,6 +1241,25 @@ ul.tabs li .active {
   float: left;
   margin: 0px 10px 10px 0px;
 }
+/* profile match wrapper */
+.profile-match-wrapper {
+  float: left;
+  width: 90px;
+  height: 90px;
+  margin-bottom: 20px;
+}
+.profile-match-wrapper .contact-photo {
+  width: 80px;
+  height: 80px;
+}
+.profile-match-wrapper .contact-photo img {
+  width: 80px;
+  height: 80px;
+}
+.profile-match-wrapper .contact-photo-menu-button {
+  left: 0px;
+  top: 63px;
+}
 /* page footer */
 footer {
   height: 100px;