MDL-77849 gradereport_grader: Switch from px to rem values

abgreeve · Apr 21, 2023 · 39c4e7f · 39c4e7f
1 parent 3816a64
commit 39c4e7f
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/grade/report/grader/styles.css b/grade/report/grader/styles.css
@@ -25,7 +25,7 @@
     border: 1px solid #ccc;
     border-top-width: 0;
     border-left-width: 0;
-    padding: 10px 20px;
+    padding: 0.5rem 1rem;
     vertical-align: top;
     height: 100%;
 }
@@ -48,15 +48,15 @@
 .path-grade-report-grader .grade_icons,
 .path-grade-report-grader .category_grade_icons {
     white-space: nowrap;
-    margin-top: 10px;
+    margin-top: 0.5rem;
 }
 
 .path-grade-report-grader .grade_type_value .grade_icons {
     margin-left: auto;
 }
 
 .path-grade-report-grader .grade_icons .icon {
-    margin-right: 20px;
+    margin-right: 1rem;
 }
 
 .path-grade-report-grader .grade_icons .icon:last-child {
@@ -90,8 +90,8 @@
 }
 
 .path-grade-report-grader .heading .gradeitemheader {
-    text-indent: -24px;
-    padding-left: 22px;
+    text-indent: -1.5rem;
+    padding-left: 1.5rem;
 }
 
 .path-grade-report-grader .heading .gradeitemheader .itemicon {
@@ -204,8 +204,8 @@
 
 .path-grade-report-grader .action-menu {
     display: inline-block;
-    margin-right: -10px;
-    padding-left: 10px;
+    margin-right: -0.5rem;
+    padding-left: 0.5rem;
 }
 
 .path-grade-report-grader .heading .action-menu {