Update style.css to display remote friends in common in a css grid

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 74fc0001cafbc8edd8278e0d8ab3f64957d66d45..5069b0ecc82840adff42ccdad64c3f0ef8bdc630 100644 (file)
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -3489,10 +3489,41 @@ body .tread-wrapper .hovercard:hover .hover-card-content a {
  * some temporary workarounds until this will solved
  * elsewhere (e.g. new templates)
  */
+#remote-friends-in-common {
+       background-color: #fff;
+       border-radius: 4px;
+       color: #444;
+       display: grid;
+       grid-template-columns: repeat(4, 1fr);
+       grid-gap: 10px;
+       margin-bottom: 15px;
+       padding: 10px;
+}
+
 section .profile-match-wrapper {
        float: left;
 }
 
+.profile-match-photo {
+       align-items: center;
+       display: flex;
+       justify-content: center;
+
+}
+.profile-match-name {
+       align-items: center;
+       display: flex;
+       justify-content: center;
+       text-align:center;
+}
+.profile-match-break {
+       display:none;
+}
+
+.profile-match-end {
+       display:none;
+}
+
 /**
  * Login page
  */