MDL-68783 core_grades: Fix outcome page's add/remove button styles

* Applied proper styles of btn-secondary.
* Added some vertical spacing between the buttons by enclosing them in
divs with 'm-y-1' class instead of just a br tag.

diff --git a/grade/edit/outcome/course_form.html b/grade/edit/outcome/course_form.html
index baf056a..082cef6 100644 (file)
--- a/grade/edit/outcome/course_form.html
+++ b/grade/edit/outcome/course_form.html
@@ -37,13 +37,14 @@
         if (has_capability('moodle/grade:manageoutcomes', $context)) {
         ?>
         <td class="p-l-1 p-r-1">
-            <p class="arrow_button">
-                <input name="add" class="btn btn_secondary" id="add" type="submit" value="<?php echo '&nbsp; ' . $OUTPUT->larrow() . ' &nbsp; &nbsp; ' .
+            <div class="m-y-1">
+                <input name="add" class="btn btn-secondary" id="add" type="submit" value="<?php echo $OUTPUT->larrow() . ' ' .
                     get_string('add'); ?>" title="<?php print_string('add'); ?>" />
-                <br />
-                <input name="remove" class="btn btn_secondary" id="remove" type="submit" value="<?php echo '&nbsp;' . get_string('remove') . ' &nbsp; &nbsp; ' .
-                    $OUTPUT->rarrow(); ?>" title="<?php print_string('remove'); ?>" />
-            </p>
+            </div>
+            <div class="m-y-1">
+                <input name="remove" class="btn btn-secondary" id="remove" type="submit" value="<?php echo get_string('remove') .
+                    ' ' . $OUTPUT->rarrow(); ?>" title="<?php print_string('remove'); ?>" />
+            </div>
         </td>
         <?php } ?>
         <td>