(chore): Always show View channel button; tweak spinner style

src/app/modules/channels/sidebar/sidebar.html

@@ -143,7 +143,7 @@
 
  <a *ngIf="user.pro" class="m-btn m-link-btn m-btn--with-icon m-btn--slim" routerLink="/pro/settings">
  <i class="material-icons">business_center</i>
- <span i18n>Pro Settings</span>
+ <span i18n>Pro</span>
  </a>
  </ng-container>
 

src/app/modules/pro/channel/home/home.component.html

@@ -27,7 +27,7 @@
  </ng-container>
  </div>
  </div>
-4
+
  <div class="m-pro--channel-home--loader" *ngIf="inProgress">
  <div class="mdl-spinner mdl-js-spinner is-active" [mdl]></div>
  </div>

src/app/modules/pro/settings/settings.component.html

@@ -237,7 +237,7 @@
  </ng-template>
  </ng-container>
 
- <div class="m-pro--settings--field" *ngIf="currentTab !== 'cancel'">
+ <div class="m-pro--settings--field m-pro--settings--field-actions" *ngIf="currentTab !== 'cancel'">
  <button
  class="m-btn m-btn--slim m-btn--action"
  type="submit"
@@ -245,16 +245,15 @@
  i18n
  >Save</button>
 
- <span *ngIf="inProgress">
+ <div class="m-pro--settings--field-spinner" *ngIf="inProgress">
  <div class="mdl-spinner mdl-js-spinner is-active" [mdl]></div>
- </span>
+ </div>
 
  <a
- *ngIf="saved"
  class="m-btn m-link-btn m-btn--slim m-pro--settings--preview-btn"
  [routerLink]="previewRoute"
  i18n
- >Preview your Pro site</a>
+ >Go to your channel</a>
  </div>
  </form>
  </ng-container>

src/app/modules/pro/settings/settings.component.scss

@@ -66,14 +66,23 @@
  border-color: themed($m-grey-50);
  }
  }
+
+ &.m-pro--settings--field-actions {
+ display: flex;
+ flex-direction: row;
+
+ > *:last-child {
+ margin-left: auto;
+ }
+ }
  }
 
  .m-pro--settings--preview-btn {
  margin-left: 0.35em;
 
  @include m-theme() {
- color: themed($m-grey-300);
- border-color: themed($m-grey-300);
+ color: themed($m-grey-600);
+ border-color: themed($m-grey-600);
  }
  }
 
@@ -101,4 +110,8 @@
  }
  }
  }
+
+ .m-pro--settings--field-spinner {
+ margin-left: 0.65em
+ }
 }