MOBILE-2795 ux: Fix margin on item-start img or icon

src/app/app.md.scss

@@ -21,6 +21,11 @@ ion-app.app-root.md {
     @include margin-horizontal($item-md-padding-start + ($item-md-padding-start / 2) - 1, null);
   }
 
+  .item-md img[item-start] + .item-inner,
+  .item-md img[item-start] + .item-input {
+    @include margin-horizontal($item-md-padding-start + ($item-md-padding-start / 2), null);
+  }
+
   @each $color-name, $color-base, $color-contrast in get-colors($colors-md) {
     .core-#{$color-name}-card {
       @extend .card-md;

src/app/app.scss

@@ -943,6 +943,12 @@ details summary {
   pointer-events: auto;
 }
 
+.icon.fa-graduation-cap{
+    font-size: 21px;
+    width: 21px;
+    line-height: 28px;
+}
+
 // Fix iframes in fullscreen mode.
 //
 // Ionic sets "contain: strict" to some elements. This enables paint containment,

src/app/app.wp.scss

@@ -17,7 +17,9 @@ ion-app.app-root.wp {
   }
 
   .item-wp ion-spinner[item-start] + .item-inner,
-  .item-wp ion-spinner[item-start] + .item-input {
+  .item-wp ion-spinner[item-start] + .item-input,
+  .item-wp img[item-start] + .item-inner,
+  .item-wp img[item-start] + .item-input {
     @include margin-horizontal(($item-wp-padding-start / 2), null);
   }
 

src/core/course/components/module/module.scss

@@ -138,4 +138,8 @@ ion-app.app-root.wp core-course-module {
         margin-top: 8px;
         margin-bottom: 8px;
     }
+}
+
+ion-app.app-root a.core-course-module-handler.item [item-start] + .item-inner {
+    @include margin-horizontal(4px, null);
 }