courses: smoother toolbar (fixes #7878) (#7904)

Co-authored-by: dogi <[email protected]>
open-learning-exchange · Dec 9, 2024 · 54c9b79 · 54c9b79
1 parent b550233
commit 54c9b79
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "planet",
   "license": "AGPL-3.0",
-  "version": "0.15.90",
+  "version": "0.15.91",
   "myplanet": {
     "latest": "v0.21.29",
     "min": "v0.20.29"

diff --git a/src/app/courses/view-courses/courses-view.component.html b/src/app/courses/view-courses/courses-view.component.html
@@ -49,7 +49,7 @@ <h3 class="margin-lr-3 ellipsis-title">{{courseDetail.courseTitle}}</h3>
           Leave
         </button>
       </ng-container>
-      <button mat-raised-button color="accent" (click)="viewStep()" i18n [disabled]="!courseDetail?.steps?.length">View Step</button>
+      <button class="view-step-button" mat-raised-button color="accent" (click)="viewStep()" i18n [disabled]="!courseDetail?.steps?.length">View Step</button>
    </ng-template>
 
   <div class="view-container view-full-height">

diff --git a/src/app/courses/view-courses/courses-view.scss b/src/app/courses/view-courses/courses-view.scss
@@ -34,6 +34,10 @@
     margin-left: 8px;
   }
 
+  .view-step-button{
+    flex-shrink: 0;
+  }
+
   @media (max-width: $screen-sm) {
     .course-container {
       grid-template-columns: 1fr;