MDL-80813 grade_penalty: fix permissions and CSS styles

grade/penalty/duedate/settings.php

@@ -26,9 +26,12 @@ use core\url;
 
 defined('MOODLE_INTERNAL') || die();
 
-if ($hassiteconfig) {
-    // New category for the plugin.
-    $ADMIN->add('gradepenalty', new admin_category('gradepenalty_duedate', new lang_string('pluginname', 'gradepenalty_duedate')));
+// New category for the plugin.
+$ADMIN->add('gradepenalty', new admin_category('gradepenalty_duedate', new lang_string('pluginname', 'gradepenalty_duedate')));
+
+$capabilities = ['gradepenalty/duedate:manage'];
+
+if ($hassiteconfig || has_any_capability($capabilities, core\context\system::instance())) {
 
     // External page to manage the duedate rules.
     $temp = new admin_externalpage(

grade/penalty/duedate/templates/edit_penalty_rule_action_bar.mustache

@@ -43,13 +43,13 @@
             {{{title}}}
         </div>
 
-        <div class="navitem ml-auto">
-            <div class="ml-1">
+        <div class="navitem ms-auto">
+            <div class="ms-1">
                 <button id="addrulebutton" type="button" class="btn btn-primary">{{# str }} addrule, gradepenalty_duedate {{/ str }}</button>
             </div>
 
             {{#deleteallrulebutton }}
-                <div id="deleteallrulesbuttoncontainer" class="ml-1">
+                <div id="deleteallrulesbuttoncontainer" class="ms-1">
                     {{>core/single_button}}
                 </div>
             {{/deleteallrulebutton }}

grade/penalty/duedate/templates/view_penalty_rule_action_bar.mustache

@@ -54,15 +54,15 @@
             {{{title}}}
         </div>
 
-        <div class="navitem ml-auto">
+        <div class="navitem ms-auto">
             {{#editbutton}}
-                <div class="ml-1">
+                <div class="ms-1">
                     {{>core/single_button}}
                 </div>
             {{/editbutton}}
 
             {{#resetbutton}}
-                <div class="ml-1">
+                <div class="ms-1">
                     {{>core/single_button}}
                 </div>
             {{/resetbutton}}