Minor changes in the social group layout

main/css/base.css

@@ -587,6 +587,9 @@ button:hover {
     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
 }
 
+
+/* Message and Social changes */
+
 .menulist li {
 	margin-top: 10px;
 }
@@ -609,11 +612,9 @@ button:hover {
 }
 
 .social-background-content {
-    margin-left: -15px;
 	width:auto;	
 }
 
-
 .group_social_item {
 	float:left;
 	width:95%;	
@@ -692,4 +693,6 @@ button:hover {
 	float:left;
 }
 
-  
+div.system_announcement {
+	background-color: #EEEEEE;
+}

main/social/groups.php

@@ -306,7 +306,7 @@ if ($group_id != 0 ) {
 				$url_open  = '<a href="groups.php?id='.$id.'">';
 				$url_close = '</a>';
 
-				$name = cut($result['name'],25,true);
+				$name = cut($result['name'],140,true);
 				if ($result['relation_type'] == GROUP_USER_PERMISSION_ADMIN) {
 					$name .= ' '.Display::return_icon('social_group_admin.png', get_lang('Admin'), array('style'=>'vertical-align:middle'));
 				} elseif ($result['relation_type'] == GROUP_USER_PERMISSION_MODERATOR) {
@@ -322,9 +322,9 @@ if ($group_id != 0 ) {
 				$picture = GroupPortalManager::get_picture_group($result['id'], $result['picture_uri'],80);
 				$result['picture_uri'] = '<img class="social-groups-image" src="'.$picture['file'].'" hspace="4" height="50" border="2" align="left" width="50" />';
 				//$grid_item_1 = Display::return_icon('boxmygroups.jpg',get_lang('MyGroups'));
-				$item_0 = Display::div($result['picture_uri'], array('class'=>'box_description_group_image'));
+				$item_0  = Display::div($result['picture_uri'], array('class'=>'box_description_group_image'));
 				$members = Display::span($count_users_group, array('class'=>'box_description_group_member'));
-				$item_1  = Display::div(Display::tag('h3', $url_open.$name.$url_close).$members, array('class'=>'box_description_group_title'));
+				$item_1  = Display::div(Display::tag('h2', $url_open.$name.$url_close).$members, array('class'=>'box_description_group_title'));
 				
 				$item_2 = '';
 				$item_3 = '';
@@ -363,7 +363,7 @@ if ($group_id != 0 ) {
 			
 			$item_0 = Display::div($result['picture_uri'], array('class'=>'box_description_group_image'));
 			$members = Display::span($count_users_group, array('class'=>'box_description_group_member'));
-			$item_1  = Display::div(Display::tag('h3', $url_open.$name.$url_close).$members, array('class'=>'box_description_group_title'));
+			$item_1  = Display::div(Display::tag('h2', $url_open.$name.$url_close).$members, array('class'=>'box_description_group_title'));
 			
 
 			if ($result['description'] != '') {
@@ -407,7 +407,7 @@ if ($group_id != 0 ) {
 				
 	            $item_0 = Display::div($result['picture_uri'], array('class'=>'box_description_group_image'));
 			    $members = Display::span($count_users_group, array('class'=>'box_description_group_member'));
-			    $item_1  = Display::div(Display::tag('h3', $url_open.$name.$url_close).$members, array('class'=>'box_description_group_title'));
+			    $item_1  = Display::div(Display::tag('h2', $url_open.$name.$url_close).$members, array('class'=>'box_description_group_title'));
 			
 				if ($result['description'] != '') {					
 					$item_3 = '<div class="box_description_group_content" >'.cut($result['description'],100,true).'</div>';