MDL-77849 gradereport_grader: Make menus aligned with text

grade/report/grader/styles.css

@@ -92,6 +92,11 @@
 .path-grade-report-grader .heading .gradeitemheader {
     text-indent: -1.5rem;
     padding-left: 1.5rem;
+    padding-top: 6px;
+}
+
+.path-grade-report-grader .dropdown-item {
+    text-align: left;
 }
 
 .path-grade-report-grader .heading .gradeitemheader .itemicon {
@@ -169,6 +174,10 @@
     display: inline-block;
 }
 
+.path-grade-report-grader .header {
+    padding-top: 6px;
+}
+
 .path-grade-report-grader .gradeparent tr:nth-child(n) td.ajaxoverridden:nth-child(n) {
     /* Made very specific to override the default stripped style of the table. */
     background-color: #ffe3a0;

grade/report/grader/templates/categorycell.mustache

@@ -29,7 +29,7 @@
 }}
 <div class="d-flex flex-column h-100">
     <div class="d-flex">
-        <div>
+        <div class="header">
             {{{courseheader}}}
         </div>
         <div>

grade/templates/grades/grader/text.mustache

@@ -26,5 +26,7 @@
         "text": "<span class='gradevalue dimmed_text '>Mostly separate knowing</span>"
     }
 }}
+<div class="header">
 {{{gradepassicon}}}
 <span class="{{extraclasses}}">{{{text}}}</span>
+</div>