fix line break in group admin area, enlarged text, collapsable advanced options

Bug 1465107: Use Bootstrap CSS Framework

Change-Id: I296c53f3d2fbaacde6320a94dec69706541c2ed7

htdocs/theme/bootstrap/static/sass/components/_list-group.scss

@@ -11,6 +11,10 @@
         &.text-success {
              @extend .text-success;
         }
+        &.text-link {
+            @extend .text-link;
+        }
+
     }
     .panel-body & {
         margin-bottom: 0;

htdocs/theme/bootstrap/static/sass/components/_user-icon.scss

@@ -40,6 +40,7 @@
         margin-top: -5px;
         margin-left: -5px;
         margin-right: 5px;
+        max-width: 20%;
     }
     img {
         @include border-radius(3px);
@@ -69,6 +70,10 @@
     display: inline-block;
 }
 
+.with-user-icon {
+    max-width:80%;
+}
+
 .panel-heading {
     a.has-user-icon , a.has-user-icon.collapsed {
         padding-left:65px; //make room for user image

htdocs/theme/bootstrap/static/sass/typography/_text.scss

@@ -15,6 +15,10 @@
     color: #FE6500;
 }
 
+.text-link {
+	color: $link-color;
+}
+
 .text-watermark {
     @include text-shadow(0 1px 0 #fff);
     opacity: 0.3;

htdocs/theme/bootstrap/templates/group/info.tpl

@@ -61,13 +61,14 @@
     <p class="mbm">
         <span class="prs fa fa-user"></span>
         <span class="">{str tag=groupadmins section=group}:</span>
-    </p>
-    <p class="mbm">
-    {foreach name=admins from=$group->admins item=user}
-        <a href="{profile_url($user)}" class="label label-default mbs">
+          {foreach name=admins from=$group->admins item=user}
+        <a href="{profile_url($user)}" class="mbs mls">
             <img src="{profile_icon_url user=$user maxwidth=20 maxheight=20}" alt="{str tag=profileimagetext arg1=$user|display_default_name}" class="user-icon-alt">
             {$user|display_name}
         </a>
     {/foreach}
     </p>
+  
+  
+ 
 </div>

htdocs/theme/bootstrap/templates/group/membersearchresults.tpl

@@ -10,7 +10,7 @@
                 <img src="{profile_icon_url user=$r maxwidth=40 maxheight=40}" alt="{str tag=profileimagetext arg1=$r|display_default_name}">
             </div>
     
-            <div class="pull-left">
+            <div class="pull-left with-user-icon">
                 <h4 class="list-group-item-heading">
                     {$r.name}
 
@@ -18,14 +18,13 @@
                     <span class="grouprole metadata"> - 
                         {$results.roles[$r.role]->display}
                         {if $caneditroles && $r.canchangerole} 
-                            <small>
-                                <a href="{$WWWROOT}group/changerole.php?group={$group}&amp;user={$r.id}" class="inner-link">
-                                    [{str tag=changerole section=group}]
-                                </a>
-                            </small>
-                        {/if}
+                        <a href="{$WWWROOT}group/changerole.php?group={$group}&amp;user={$r.id}" class="inner-link text-link">
+                            [{str tag=changerole section=group}]
+                        </a>
+                    {/if}
                     </span>
                     {/if}
+                    
                 </h4>
                 {if $r.role}
                 <div class="rel">