From 9848a152ad0674539daa982998e19da0180b21b8 Mon Sep 17 00:00:00 2001
From: ThereseRingPersen <therese.persen@me.com>
Date: Mon, 23 Oct 2023 17:15:14 +0200
Subject: [PATCH] KURSP-901 fix small css bugs

---
 src/vue/components/course-modules/CourseModule.vue | 4 +++-
 src/vue/components/tree-view/TreeView.vue          | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/vue/components/course-modules/CourseModule.vue b/src/vue/components/course-modules/CourseModule.vue
index e23b9163..24427435 100644
--- a/src/vue/components/course-modules/CourseModule.vue
+++ b/src/vue/components/course-modules/CourseModule.vue
@@ -105,14 +105,16 @@ const toggleActiveModule = ({module, isOpen}) => {
     font-family: Roboto;
     font-size: 1.125rem;
     vertical-align: center;
+    position: relative;
     .module-package__indicator--active{
       position: absolute;
       z-index:2;
       border-radius: 0rem 0.4375rem 0.4375rem 0rem;
       background: map-get($color-palette-green, background, 500);
       width: 0.875rem;
-      height: 4.375rem;
+      height: 100%;
       right: -0.875rem;
+      pointer-events: none;
      @include hide-show-effect;
     }
     h4 {
diff --git a/src/vue/components/tree-view/TreeView.vue b/src/vue/components/tree-view/TreeView.vue
index 353c7dea..eebc23c9 100644
--- a/src/vue/components/tree-view/TreeView.vue
+++ b/src/vue/components/tree-view/TreeView.vue
@@ -147,7 +147,7 @@ const toggleActiveModule = ({module, isOpen}) => {
       &__done-icon {
         position: absolute;
         left: -1.25rem;
-        color: map-get($color-palette-green, backround, 500);
+        color: map-get($color-palette-green, background, 500);
         display: inline-block;
         font-size: 1em;
         vertical-align: middle;