From f959f94a07c78b71644334bf09e5798dd7d1bcb9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 29 Sep 2023 12:18:26 +0200
Subject: [PATCH] MOBILE-4348 home: Fix sitehome icon sizes

---
 .../course/components/course-format/course-format.html      | 2 +-
 src/core/features/sitehome/pages/index/index.html           | 2 +-
 src/core/features/sitehome/pages/index/index.scss           | 6 +++---
 src/theme/theme.base.scss                                   | 4 ++++
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/core/features/course/components/course-format/course-format.html b/src/core/features/course/components/course-format/course-format.html
index 1ea5891d1..2e1f6aeb5 100644
--- a/src/core/features/course/components/course-format/course-format.html
+++ b/src/core/features/course/components/course-format/course-format.html
@@ -96,7 +96,7 @@
             <ion-badge *ngIf="section.highlighted && highlighted" slot="end">{{highlighted}}</ion-badge>
         </ion-item-divider>
 
-        <ion-item class="ion-text-wrap" *ngIf="section.summary">
+        <ion-item class="ion-text-wrap section-summary" *ngIf="section.summary">
             <ion-label>
                 <core-format-text [text]="section.summary" contextLevel="course" [contextInstanceId]="course.id">
                 </core-format-text>
diff --git a/src/core/features/sitehome/pages/index/index.html b/src/core/features/sitehome/pages/index/index.html
index 227654f9b..4d80cc5c1 100644
--- a/src/core/features/sitehome/pages/index/index.html
+++ b/src/core/features/sitehome/pages/index/index.html
@@ -11,7 +11,7 @@
         <ion-list class="core-course-module-list-wrapper">
             <!-- Site home main contents. -->
             <ng-container *ngIf="section && section.hasContent">
-                <ion-item class="ion-text-wrap" *ngIf="section.summary">
+                <ion-item class="ion-text-wrap section-summary" *ngIf="section.summary">
                     <ion-label>
                         <core-format-text [text]="section.summary" contextLevel="course" [contextInstanceId]="siteHomeId">
                         </core-format-text>
diff --git a/src/core/features/sitehome/pages/index/index.scss b/src/core/features/sitehome/pages/index/index.scss
index 2581b9366..8a8e71e12 100644
--- a/src/core/features/sitehome/pages/index/index.scss
+++ b/src/core/features/sitehome/pages/index/index.scss
@@ -2,12 +2,12 @@
 
 ion-item ion-icon {
     display: inline-block;
-    border-radius: var(--module-icon-radius);
-    padding: 0.7rem;
+    border-radius: var(--radius-xs);
+    padding: 4px;
     background-color: var(--gray-100);
     color: var(--gray-900);
     line-height: var(--size);
-    --margin-end: 1rem;
+    --margin-end: 8px;
     @include margin-horizontal(null, var(--margin-end));
 }
 
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index 792077422..3f9e59ec3 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -961,6 +961,10 @@ ion-card {
     display: inline !important;
 }
 
+.section-summary core-format-text img {
+    border-radius: var(--radius-lg);
+}
+
 ion-list.core-course-module-list-wrapper,
 .list-item-limited-width,
 .core-course-module-list-wrapper,