From 54c9b79fcd16860747d869337ff6d668d985b6c9 Mon Sep 17 00:00:00 2001
From: Gavin Porter <112116086+Gavinp14@users.noreply.github.com>
Date: Mon, 9 Dec 2024 15:29:36 -0500
Subject: [PATCH] courses: smoother toolbar (fixes #7878) (#7904)

Co-authored-by: dogi <dogi@users.noreply.github.com>
---
 package.json                                             | 2 +-
 src/app/courses/view-courses/courses-view.component.html | 2 +-
 src/app/courses/view-courses/courses-view.scss           | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 26544e38e9..8e475f7603 100755
--- 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
index 3e33f0bd70..208a55281d 100644
--- 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
index 5db279dfb1..810af1acae 100644
--- 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;