resources: smoother navigation (fixes #7927) (#7929)

Co-authored-by: dogi <[email protected]>
open-learning-exchange · Dec 16, 2024 · dad08fd · dad08fd
1 parent 6d7e593
commit dad08fd
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "planet",
   "license": "AGPL-3.0",
-  "version": "0.16.3",
+  "version": "0.16.4",
   "myplanet": {
     "latest": "v0.21.40",
     "min": "v0.20.40"

diff --git a/src/app/resources/view-resources/resources-view.component.html b/src/app/resources/view-resources/resources-view.component.html
@@ -43,11 +43,11 @@
 
   <ng-template #actionButtons>
     <ng-container *ngIf="!parent">
-      <a mat-raised-button *ngIf="resource.doc?._attachments" [href]="resourceSrc" target="_blank" color="accent" i18n>Open in new tab</a>
-      <button mat-raised-button color="accent" (click)="libraryToggle(resource._id, 'add')" i18n class="margin-lr-3" *ngIf="!isUserEnrolled">
+      <a mat-raised-button *ngIf="resource.doc?._attachments" [href]="resourceSrc" target="_blank" color="accent" i18n class = "toolbar-button margin-lr-3">Open in new tab</a>
+      <button mat-raised-button color="accent" (click)="libraryToggle(resource._id, 'add')" i18n class="toolbar-button margin-lr-3" *ngIf="!isUserEnrolled">
         Add to myLibrary
       </button>
-      <button mat-raised-button color="accent" (click)="libraryToggle(resource._id, 'remove')" i18n class="margin-lr-3" *ngIf="isUserEnrolled">
+      <button mat-raised-button color="accent" (click)="libraryToggle(resource._id, 'remove')" i18n class="toolbar-button margin-lr-3" *ngIf="isUserEnrolled">
         Remove from myLibrary
       </button>
     </ng-container>

diff --git a/src/app/resources/view-resources/resources-view.scss b/src/app/resources/view-resources/resources-view.scss
@@ -34,6 +34,10 @@
       max-height: 60vh;
     }
   }
+
+  .toolbar-button {
+    flex-shrink: 0;
+  }
 
   @media (max-width: $screen-sm) {
     .view-container {