fix facebox in conversations view

app/assets/stylesheets/conversations.css.scss

@@ -239,3 +239,36 @@
   text-align: center;
   font-size: 12px;
 }
+
+#new_message_pane {
+  ul.as-selections { width: 100% !important; }
+  input#contact_ids { box-shadow: none; }
+  textarea { width: 98%; }
+  
+  .bottom_submit_section {
+    text-align: right;
+  }
+
+  .button.creation {
+    $button-border-color: #aaa;
+    @include border-radius(3px);
+    @include box-shadow(0,1px,1px,#cfcfcf);
+    @include transition(border);
+    @include button-gradient($creation-blue);
+    font-size: 12px;
+    color: #fff;
+    padding: 4px 9px;
+    min-width: 90px;
+    min-height: 10px;
+    border: 1px solid darken($button-border-color,20%);
+
+    cursor: pointer;
+    white-space: nowrap;
+
+    &:hover {
+      @include button-gradient-hover($creation-blue);
+      border: 1px solid darken($button-border-color,35%);
+      text-decoration: none;
+    }
+  }
+}

app/assets/stylesheets/new-templates.css.scss

@@ -30,3 +30,4 @@
 /* conversations */
 @import 'conversations';
 @import 'popover';
+@import 'facebox';

app/views/conversations/new.haml

@@ -27,27 +27,26 @@
   });
 
 #new_message_pane
-  .span-12.last
+  .span5#facebox_header
-    #facebox_header
     %h3
       = t('conversations.index.new_message')
 
   = form_for Conversation.new, html: {class: "new_conversation form_do_not_clear"}, remote: true do |conversation|
 
-      .span-2
+    .span1
       %h4
         = t('.to')
-      .span-10.last
+    .span4
       = text_field_tag "contact_autocomplete"
     .clearfix
     %br
-      .span-2
+    .span1
       %h4
         = t('.subject')
-      .span-10.last
+    .span4
       = conversation.text_field :subject
     %br
-      .span-10.prepend-2.last
+    .span4.offset1
       = text_area_tag "conversation[text]", '', :rows => 5
     .clearfix
     .bottom_submit_section