Port Community Spotlight to Bootstrap

app/assets/stylesheets/contacts.css.scss

@@ -39,3 +39,44 @@
     }
   }
 }
+
+#community_spotlight {
+  .avatar {
+    width: 140px;
+    height: 140px;
+  }
+
+  .user_card {
+    @include border-radius(3px);
+    @include box-shadow(0,1px,5px,#ccc);
+
+    border: 1px solid #ccc;
+    display: inline-block;
+    margin-bottom: 15px;
+    margin-right: 10px;
+    min-height: 220px;
+    padding: 10px 10px 30px 10px;
+    position: relative;
+    vertical-align: top;
+    width: 140px;
+
+    h4 {
+      margin-bottom: 0px;
+      padding-bottom: 2px;
+    }
+
+    .add_user_to_aspect {
+      bottom: 10px;
+      right: 10px;
+      position: absolute;
+    }
+
+    .dropdown {
+      width: 100%;
+    }
+
+    .tags {
+      color: $text-grey;
+    }
+  }
+}

app/controllers/contacts_controller.rb

@@ -5,7 +5,7 @@
 class ContactsController < ApplicationController
   before_filter :authenticate_user!
 
-  use_bootstrap_for :index
+  use_bootstrap_for :index, :spotlight
 
   def index
     respond_to do |format|

app/views/contacts/spotlight.haml

@@ -8,21 +8,22 @@
 - content_for :head do
   = javascript_include_tag :people
 
+.row
+  .span12
     #section_header
-  %h2
+      %h3
         = t('contacts.index.title')
 
+.row
   = render 'shared/contact_sidebar'
 
-.span-18.last{:style => "position:relative;"}
-
+  .span9
     - if AppConfig.settings.community_spotlight.suggest_email.present?
       .right
         = link_to t('contacts.spotlight.suggest_member'), "mailto:#{AppConfig.settings.community_spotlight.suggest_email}", :class => "button"
 
     %h3
       = t('contacts.spotlight.community_spotlight')
-  %br
 
     #community_spotlight
       - unless @people.blank?