Fixes #3395 using a fluid gallery for the groups profile page

4 files changed, 14 insertions, 9 deletions

diff --git a/mod/groups/views/default/groups/css.php b/mod/groups/views/default/groups/css.php
index 37fc5dc10..9c65d1602 100644
--- a/mod/groups/views/default/groups/css.php
+++ b/mod/groups/views/default/groups/css.php
@@ -36,15 +36,14 @@
 	margin: 0;
 }
 
-#groups-tools > .elgg-module {
-	float: left;
-	margin-bottom: 40px;
+#groups-tools > li {
+	width: 48%;
 	min-height: 200px;
-	width: 350px;
+	margin-bottom: 40px;
 }
 
-#groups-tools > .elgg-module:nth-child(odd) {
-	margin-right: 30px;
+#groups-tools > li:nth-child(odd) {
+	margin-right: 4%;
 }
 
 .groups-widget-viewall {
diff --git a/mod/groups/views/default/groups/js.php b/mod/groups/views/default/groups/js.php
index dec31cf54..ad742445b 100644
--- a/mod/groups/views/default/groups/js.php
+++ b/mod/groups/views/default/groups/js.php
@@ -1,4 +1,5 @@
 
 $(function() {
-	$('#groups-tools').find('.elgg-module:odd').addClass('odd');
+	// jQuery uses 0-based indexing
+	$('#groups-tools').children('li:even').addClass('odd');
 });
diff --git a/mod/groups/views/default/groups/profile/module.php b/mod/groups/views/default/groups/profile/module.php
index 69854e59b..9d0b18266 100644
--- a/mod/groups/views/default/groups/profile/module.php
+++ b/mod/groups/views/default/groups/profile/module.php
@@ -17,4 +17,9 @@ if ($group->canWriteToContainer() && isset($vars['add_link'])) {
 	$vars['content'] .= "<span class='elgg-widget-more'>{$vars['add_link']}</span>";
 }
 
-echo elgg_view_module('info', '', $vars['content'], array('header' => $header));
+echo '<li>';
+echo elgg_view_module('info', '', $vars['content'], array(
+	'header' => $header,
+	'class' => 'elgg-module-group',
+));
+echo '</li>';
diff --git a/mod/groups/views/default/groups/profile/widgets.php b/mod/groups/views/default/groups/profile/widgets.php
index 28e43fdc4..75c04c810 100644
--- a/mod/groups/views/default/groups/profile/widgets.php
+++ b/mod/groups/views/default/groups/profile/widgets.php
@@ -6,7 +6,7 @@
 */ 
 	
 // tools widget area
-echo '<div id="groups-tools" class="mtl clearfix">';
+echo '<div id="groups-tools" class="elgg-gallery elgg-gallery-fluid mtl clearfix">';
 	
 // enable tools to extend this area
 echo elgg_view("groups/tool_latest", array('entity' => $vars['entity']));