MOBILE-4842 course: Fix course image width on summary

Author: crazyserver

src/core/components/course-image/course-image.scss

@@ -112,10 +112,12 @@
         z-index: -1;
         width: 100%;
 
-        ion-avatar img {
+        ion-avatar {
             width: 100%;
-            height: 100%;
-            object-fit: cover;
+            height: auto;
+            img {
+                object-fit: cover;
+            }
         }
         ion-icon.course-icon-fallback {
             --padding: 24px;

src/core/features/course/pages/course-summary/course-summary.scss

@@ -8,7 +8,7 @@
     }
 
     core-course-image {
-        --core-image-size: auto;
+        --core-image-size: var(--thumb-height);
     }
 
     .course-container {

src/theme/components/ion-header.scss

@@ -6,6 +6,7 @@ ion-header.header-md {
     transition: box-shadow 0.5s;
 
     ion-toolbar {
+        --min-height: var(--core-header-toolbar-height);
         --color: var(--core-header-toolbar-color);
         --background: var(--core-header-toolbar-background);
         --border-width: 0 0 var(--core-header-toolbar-border-width) 0;
@@ -128,3 +129,7 @@ ion-header.header-md {
         --core-header-buttons-background: var(--background, var(--background-color));
     }
 }
+
+ion-tabs.hide-header ion-header {
+    display: none;
+}

src/theme/theme.base.scss

@@ -117,15 +117,6 @@ a {
     }
 }
 
-// Ionic toolbar on header.
-ion-toolbar {
-    --min-height: var(--core-header-toolbar-height);
-}
-
-ion-tabs.hide-header ion-header {
-    display: none;
-}
-
 // Ionic list.
 ion-list {
     padding: 0 !important;