chapter details checkmark UI fix

src/app/tabs/courses/details/details.component.html

@@ -64,7 +64,7 @@
                     </div>
                 </li>
 
-                <li class="topic" [routerLink]="['/video-chapter/', 'Topic-3']">
+                <li class="topic completed" [routerLink]="['/video-chapter/', 'Topic-3']">
                     <svg-icon [applyClass]="true" class="icon checkmark" src="assets/custom-icons/checkmark.svg"></svg-icon>
                     <div class="topic-container">
                         <p>

src/app/tabs/courses/details/details.component.scss

@@ -235,6 +235,11 @@
             font-size: 14px;
             color: var(--light-grey);
             padding-right: 10px;
+            height: 55px;
+            display: -webkit-box;
+            -webkit-line-clamp: 3;
+            -webkit-box-orient: vertical;
+            overflow: hidden;
 
             .type {
                 color: white;