MOBILE-2103 overview: Fix centered course icon

Author: crazyserver

www/addons/mod/quiz/scss/styles.scss

@@ -48,7 +48,7 @@ p.mma-mod-quiz-warning {
   .mm-timer {
     min-height: 41px;
     border: 0;
-    padding: 2px 0 1px 25px;
+    padding: 1px 0 1px 25px;
 
     .icon {
       left: 0;

www/core/components/courses/scss/styles.scss

@@ -97,16 +97,21 @@ $doughnut-text-colour: $gray-darker;
 
     .icon {
       position: absolute;
-      top: 50%;
       text-align: center;
       /*rtl:ignore*/
-      left: 50%;
+      left: -1px;
+      top: -1px;
+      right: 0;
+      bottom: 0;
       margin: 0;
-      transform: translate(-42%, -50%);
       color: $white;
-      height: ($chart-size / 2) + 10px;
-      width: ($chart-size / 2) + 10px;
+      height: $chart-size;
+      width: $chart-size;
+      line-height: $chart-size;
       font-size: ($chart-size / 2) + 10px;
+      &:before {
+        width: $chart-size;
+      }
     }
   }
 }