From 243bcba726203a4dc14f9c6efcb0dd224970f1c4 Mon Sep 17 00:00:00 2001
From: Raroun <Raroun@users.noreply.github.com>
Date: Tue, 26 Dec 2023 09:46:33 +0100
Subject: [PATCH] Update style.css to display remote friends in common in a css
 grid

---
 view/theme/frio/css/style.css | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 74fc0001ca..5069b0ecc8 100644
--- 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
  */