From e8e4b60a20af366954942a849a542f2c268dfcdf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Wed, 23 Feb 2022 11:58:18 +0100
Subject: [PATCH] MOBILE-3833 course: Increase toggle area on course index

---
 .../components/course-index/course-index.scss | 35 ++++++++++++++-----
 1 file changed, 27 insertions(+), 8 deletions(-)

diff --git a/src/core/features/course/components/course-index/course-index.scss b/src/core/features/course/components/course-index/course-index.scss
index 169950d9d..854d9c3a3 100644
--- a/src/core/features/course/components/course-index/course-index.scss
+++ b/src/core/features/course/components/course-index/course-index.scss
@@ -33,16 +33,35 @@ ion-item.item.item-current {
     --background: var(--primary);
     --color: var(--primary-contrast);
     border: 0;
-
-    ion-badge {
-        border: 1px solid var(--primary-contrast);
-    }
-
-    ::ng-deep ion-icon {
-        color: var(--primary-contrast);
-    }
 }
 
 ion-icon.restricted {
     font-size: 14px;
 }
+
+ion-item.item.divider.section {
+    --padding-start: 0px;
+
+    &.item-current {
+        ion-badge {
+            border: 1px solid var(--primary-contrast);
+        }
+
+        ion-icon.expandable-status-icon {
+            color: var(--primary-contrast);
+
+            &:hover {
+                background: var(--primary-shade);
+            }
+        }
+    }
+
+    ion-icon.expandable-status-icon {
+        padding: 13px;
+        margin: 3px;
+        border-radius: 50%;
+        &:hover {
+            background: var(--gray-300);
+        }
+    }
+}