Fix button styles in Rubric edit mode - especially IE10

https://instructure.atlassian.net/browse/CNVS-2985

Change-Id: I42236b1968762d8ae827650541a87aaad033819c
Reviewed-on: https://gerrit.instructure.com/17252
Reviewed-by: Ryan Florence <ryanf@instructure.com>
Tested-by: Jenkins <jenkins@instructure.com>
QA-Review: Myller de Araujo <myller@instructure.com>

Author: Chris Hart

app/views/shared/_rubric_criterion_dialog.html.erb

@@ -3,9 +3,9 @@
   </div>
   <div class="editing">
     <textarea class="long_description" name="long_description" style="width: 370px;"></textarea>
-    <div class="button-container">
-      <button type="button" class="btn save_button"><%= t 'buttons.update_description', "Update Description" %></button>
-      <button type="button" class="btn button-secondary cancel_button"><%= t '#buttons.cancel', "Cancel" %></button>
+    <div class="button-container button-container-right-aligned">
+      <button type="button" class="btn btn-small cancel_button"><%= t '#buttons.cancel', "Cancel" %></button>
+      <button type="button" class="btn btn-small btn-primary save_button"><%= t 'buttons.update_description', "Update Description" %></button>
     </div>
   </div>
   <div class="displaying">
@@ -19,9 +19,9 @@
   <div class="editing">
     <%= before_label :additional_comments, "Additional Comments" %>
     <textarea class="criterion_comments" name="criterion_comments" style="width: 370px;"></textarea>
-    <div class="button-container">
-      <button type="button" class="btn save_button"><%= t 'buttons.update_comments', "Update Comments" %></button>
-      <button type="button" class="btn button-secondary cancel_button"><%= t '#buttons.cancel', "Cancel" %></button>
+    <div class="button-container button-container-right-aligned">
+      <button type="button" class="btn btn-small cancel_button"><%= t '#buttons.cancel', "Cancel" %></button>
+      <button type="button" class="btn btn-small btn-primary save_button"><%= t 'buttons.update_comments', "Update Comments" %></button>
     </div>
   </div>
   <div class="displaying">

app/views/shared/_rubric_forms.html.erb

@@ -2,8 +2,8 @@
   <form id="edit_criterion_form">
     <input type="text" class="criterion_description" style="min-width: 100px; width: 90%;" name="description"/>
     <div class="button-container">
-      <button type="submit" class="ok_button"><%= t '#buttons.ok', "OK" %></button>
-      <button type="button" class="cancel_button button-secondary"><%= t '#buttons.cancel', "Cancel" %></button>
+      <button type="button" class="cancel_button btn btn-mini"><%= t '#buttons.cancel', "Cancel" %></button>
+      <button type="submit" class="ok_button btn btn-mini btn-primary"><%= t '#buttons.ok', "OK" %></button>
     </div>
   </form>
 </div>
@@ -12,8 +12,8 @@
     <input type="text" class="rating_description" style="min-width: 100px; width: 90%;" name="description"/>
     <div class='button-container button-container-right-aligned' style="text-align:center;">
       <%= t :points, "%{points} pts", :points => '<input type="text" size="2" name="points"/>'.html_safe %>
-      <button type="submit" class="ok_button btn btn-small"><%= t '#buttons.ok', "OK" %></button>
-      <button type="button" class="cancel_button button-secondary"><%= t '#buttons.cancel', "Cancel" %></button>
+      <button type="button" class="cancel_button btn btn-mini"><%= t '#buttons.cancel', "Cancel" %></button>
+      <button type="submit" class="ok_button btn btn-mini btn-primary"><%= t '#buttons.ok', "OK" %></button>
     </div>
   </form>
 </div>