From cecf56c4c783973d990c1cf0b9371ac2831c2541 Mon Sep 17 00:00:00 2001
From: "Labsoweb\\babsolune" <babsolune@phpboost.com>
Date: Sun, 14 Jun 2020 03:01:16 +0200
Subject: [PATCH] [FIX] connect - unconnected responsive design

---
 connect/templates/connect_mini.css | 6 ++++--
 connect/templates/connect_mini.tpl | 2 +-
 templates/default/theme/input.css  | 2 ++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/connect/templates/connect_mini.css b/connect/templates/connect_mini.css
index c3de53db15..38989ecd5c 100644
--- a/connect/templates/connect_mini.css
+++ b/connect/templates/connect_mini.css
@@ -29,8 +29,9 @@
 	content: '\f0d8';
 }
 
-#module-connect .connect-contents.cell-list-inline ul {
+#module-connect .cell-list-inline ul {
 	flex-direction: column;
+	flex-wrap: nowrap;
 }
 
 #module-connect .cell-list .li-spaced a {
@@ -45,8 +46,9 @@
 	#module-connect .js-menu-button {
 		display: none;
 	}
-	#module-connect .connect-contents.cell-list-inline ul {
+	#module-connect .cell-list-inline ul {
 		flex-direction: row;
+		flex-wrap: wrap;
 	}
 }
 
diff --git a/connect/templates/connect_mini.tpl b/connect/templates/connect_mini.tpl
index 5152476b46..0b7155b0e8 100644
--- a/connect/templates/connect_mini.tpl
+++ b/connect/templates/connect_mini.tpl
@@ -94,7 +94,7 @@
 				</div>
 				<div class="cell-list connected-contents">
 			# ELSE #
-				<div class="cell-list cell-list-inline connected-content">
+				<div class="cell-list cell-list-inline connected-contents">
 					<a href="#" class="js-menu-button" onclick="open_submenu('module-connect', 'active-connect');return false;">
 						<i class="fa fa-fw fa-bars # IF NUMBER_TOTAL_ALERT # blink alert# ENDIF #" aria-hidden="true"></i>
 						<span>{L_PRIVATE_PROFIL}</span>
diff --git a/templates/default/theme/input.css b/templates/default/theme/input.css
index 84fad65273..79b3a74c36 100644
--- a/templates/default/theme/input.css
+++ b/templates/default/theme/input.css
@@ -154,6 +154,8 @@ a.grouped-element,
 	align-items: center;
 }
 
+.grouped-inputs button { justify-content: center; }
+
 .grouped-inputs .cssmenu-select button {
 	justify-content: center;
 }