From ca7301e2584fe92f3992449f4646c428a0337f11 Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Tue, 16 Mar 2021 17:22:51 +0100
Subject: [PATCH] Fix dark theme for groups page

---
 assets/css/dark_theme.css                | 29 ++++++++++++++++++++++++
 assets/js/pages/groups/pages/members.js  |  8 ++++++-
 assets/js/pages/groups/pages/settings.js |  7 +++++-
 3 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/assets/css/dark_theme.css b/assets/css/dark_theme.css
index 4531dc90..3113a504 100644
--- a/assets/css/dark_theme.css
+++ b/assets/css/dark_theme.css
@@ -241,6 +241,31 @@ fieldset[disabled] .form-control {
     color: var(--white);
 }
 
+/**
+ * Nav tabs
+ */
+.nav-tabs-custom {
+    background-color: var(--black5);
+    color: var(--white);
+}
+
+.nav-tabs-custom .nav {
+    border-bottom-color: var(--black5);
+}
+
+.nav-tabs-custom li.active, .nav-tabs-custom li.active a {
+    background-color: var(--black) !important;
+}
+
+.nav-tabs-custom li.active a {
+    border-left-color: transparent !important;
+    border-right-color: transparent !important;
+}
+
+.nav-tabs-custom a {
+    color: var(--white) !important;
+}
+
 
 /**
 * Friends list
@@ -642,6 +667,10 @@ img[src$="groups_logo/default.png"] {
     color: var(--white);
 }
 
+.delete-group-link-container a {
+    color: var(--white) !important;
+}
+
 
 /**
 * Post target picker
diff --git a/assets/js/pages/groups/pages/members.js b/assets/js/pages/groups/pages/members.js
index fe1e7d31..f6a003c7 100644
--- a/assets/js/pages/groups/pages/members.js
+++ b/assets/js/pages/groups/pages/members.js
@@ -18,9 +18,15 @@ const GroupMembersPage = {
 		ComunicWeb.common.pageTitle.setTitle(info.name + " - Members");
 
 		//Create container
-		var membersPage = createElem2({
+		var root = createElem2({
 			appendTo: target,
 			type: "div",
+			class: "row"
+		})
+
+		var membersPage = createElem2({
+			appendTo: root,
+			type: "div",
 			class: "col-md-6 group-members-page",
 			innerHTML: "<div class='box box-primary'><div class='box-header'><h3 class='box-title'>"+tr("Group members")+"</h3></div><div class='box-body'></div></di>"
 		}).querySelector(".box-body");
diff --git a/assets/js/pages/groups/pages/settings.js b/assets/js/pages/groups/pages/settings.js
index 15662504..6f5257b5 100644
--- a/assets/js/pages/groups/pages/settings.js
+++ b/assets/js/pages/groups/pages/settings.js
@@ -14,10 +14,15 @@ const GroupSettingsPage = {
 	 */
 	display: async function(id, target){
 
+		var root = createElem2({
+			appendTo: target,
+			type: "div",
+			class: "row"
+		})
 
 		//Create settings container
 		const settingsPage = createElem2({
-			appendTo: target,
+			appendTo: root,
 			type: "div",
 			class: "group-settings-container col-md-6",
 			innerHTML: "<div class='box box-primary'><div class='box-header'><h3 class='box-title'>"+tr("Group settings")+"</h3></div><div class='box-body'></div></di>"