courses: smoother nation upload dialog spacing (fixes #9579) (#9862)

Co-authored-by: dogi <dogi@users.noreply.github.com>

Author: Mutugiii

package.json

@@ -1,7 +1,7 @@
 {
   "name": "planet",
   "license": "AGPL-3.0",
-  "version": "0.22.55",
+  "version": "0.22.56",
   "myplanet": {
     "latest": "v0.53.68",
     "min": "v0.51.90"

src/app/courses/courses.scss

@@ -28,10 +28,6 @@ planet-courses {
     text-align: center;
   }
 
-  .margin-tp {
-    margin-top: 0.75rem;
-  }
-
   .search-bar {
     height: c.$toolbar-height;
   }

src/app/shared/dialogs/dialogs-list.component.html

@@ -12,13 +12,13 @@
       <button mat-raised-button (click)="masterToggle()" i18n color="primary" class="margin-lr-3" *ngIf="data.allowMulti && isAllSelected()!=='hidden'">
         {isAllSelected(), select, yes {Deselect} no {Select}} all
       </button>
-      <mat-form-field *ngIf="dropdownField && dropdownOptions.length > 1" class="font-size-1 margin-lr-3">
+      <mat-form-field *ngIf="dropdownField && dropdownOptions.length > 1" appearance="outline" class="font-size-1 margin-lr-3">
         <mat-select [placeholder]="dropdownField" [value]="data.dropdownSettings.startingValue.value" (selectionChange)="onFilterChange($event.value, dropdownField)">
           <mat-option *ngFor="let option of dropdownOptions" value={{option.value}}>{{option.text}}</mat-option>
         </mat-select>
       </mat-form-field>
       <mat-icon>search</mat-icon>
-      <mat-form-field class="font-size-1">
+      <mat-form-field appearance="outline" class="font-size-1">
         <mat-label i18n>Search</mat-label>
         <input matInput (keyup)="applyFilter($event.target.value)">
       </mat-form-field>