From 0cf6df42f0edf975f3112981eb13189a3dd335d9 Mon Sep 17 00:00:00 2001
From: Matthias Bourg <bourg.matt@gmail.com>
Date: Wed, 26 Mar 2014 08:06:38 +0100
Subject: [PATCH] Fixed modal for Twitter Bootstrap 3

---
 app/views/users/_user.html.erb | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/app/views/users/_user.html.erb b/app/views/users/_user.html.erb
index 14b6afd..f95189b 100644
--- a/app/views/users/_user.html.erb
+++ b/app/views/users/_user.html.erb
@@ -1,15 +1,19 @@
-<div id="role-options-<%= user.id %>" class="modal" style="display: none;">
+<div id="role-options-<%= user.id %>" class="modal fade" tabindex="-1" role="dialog">
   <%= simple_form_for user, :url => user_path(user), :html => {:method => :put, :class => 'form-horizontal' } do |f| %>
-    <div class="modal-header">
-      <a class="close" data-dismiss="modal">&#215;</a>
-      <h3>Change Role</h3>
-    </div>
-    <div class="modal-body">
-      <%= f.input :role_ids, :collection => Role.all, :as => :radio_buttons, :label_method => lambda {|t| t.name.titleize}, :label => false, :item_wrapper_class => 'inline', checked: user.role_ids.first %>
-    </div>
-    <div class="modal-footer">
-      <%= f.submit "Change Role", :class => "btn" %>
-      <a class="btn" data-dismiss="modal" href="#">Close</a>
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <a class="close" data-dismiss="modal">&#215;</a>
+          <h3>Change Role</h3>
+        </div>
+        <div class="modal-body">
+          <%= f.input :role_ids, :collection => Role.all, :as => :radio_buttons, :label_method => lambda {|t| t.name.titleize}, :label => false, :item_wrapper_class => 'inline', checked: user.role_ids.first %>
+        </div>
+        <div class="modal-footer">
+          <%= f.submit "Change Role", :class => "btn" %>
+          <a class="btn" data-dismiss="modal" href="#">Close</a>
+        </div>
+      </div>
     </div>
   <% end %>
 </div>