diff --git a/assets/css/pages/groups/sections/header.css b/assets/css/pages/groups/sections/header.css
index 6f172a0a..9f8f119a 100644
--- a/assets/css/pages/groups/sections/header.css
+++ b/assets/css/pages/groups/sections/header.css
@@ -4,9 +4,6 @@
* @author Pierre HUBERT
*/
-.group-header {
-
-}
.group-header .group-icon {
max-height: 150px;
@@ -19,4 +16,17 @@
.group-header .col-info .fa {
margin-right: 10px;
width: 10px;
+}
+
+.group-header .group-col-icon {
+ text-align: center;
+}
+
+.group-header .group-col-icon span {
+ display: block;
+}
+
+.group-header .col-md-4 {
+ display: table;
+ margin: auto;
}
\ No newline at end of file
diff --git a/assets/js/pages/groups/sections/header.js b/assets/js/pages/groups/sections/header.js
index cd665c44..71ff29ee 100644
--- a/assets/js/pages/groups/sections/header.js
+++ b/assets/js/pages/groups/sections/header.js
@@ -32,7 +32,7 @@ ComunicWeb.pages.groups.sections.header = {
var firstColumn = createElem2({
appendTo: row,
type: "div",
- class: "col-lg-8"
+ class: "col-md-4 group-col-icon",
});
//Group icon
@@ -51,36 +51,46 @@ ComunicWeb.pages.groups.sections.header = {
innerHTML: info.name
});
- //Second column : information about the company
+
+ //Second column : Information about the company
var secondColumn = createElem2({
appendTo: row,
type: "div",
- class: "col-lg-4 col-info"
+ class: "col-md-4"
+ });
+
+ add_p(secondColumn, "Column 2 : Group info");
+
+ //Third column : information about the group
+ var thirdColumn = createElem2({
+ appendTo: row,
+ type: "div",
+ class: "col-md-4 col-info"
});
//Add join date
var joinDate = createElem2({
- appendTo: secondColumn,
+ appendTo: thirdColumn,
type: "div",
innerHTML: ' Created '+ComunicWeb.common.date.timeDiffToStr(info.time_create)+' ago'
});
//Add number of members
var joinDate = createElem2({
- appendTo: secondColumn,
+ appendTo: thirdColumn,
type: "div",
innerHTML: ' '+ info.number_members+' members'
});
//Display membership level
if(signed_in())
- ComunicWeb.pages.groups.sections.membershipBlock.display(info, secondColumn);
+ ComunicWeb.pages.groups.sections.membershipBlock.display(info, thirdColumn);
//If the user is an admin, add a link to configure the page
if(signed_in() && info.membership == "administrator"){
var settingsLink = createElem2({
- appendTo: secondColumn,
+ appendTo: thirdColumn,
type: "div",
class: "a",
innerHTML: " Settings"