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

@@ -3,9 +3,10 @@ m-pro--channel {
  background: none no-repeat center fixed;
  background-size: cover;
 
- --primary-color: #4690D6;
- --plain-background-color: rgba(0, 0, 0, 0.7);
- --text-color: #fff;
+ --primary-color: #4690df;
+ --plain-background-color: #ffffff;
+ --transparent-background-color: #ffffffa0;
+ --text-color: #000000;
 }
 
 .m-pro--channel {
@@ -107,6 +108,8 @@ m-pro--channel {
  .m-proChannel__footer {
  grid-row: 4 / span 1;
  grid-column: 2 / span 10;
+ width: 80%;
+ margin: 0 auto;
  }
 
  m-pro--channel h1 {

src/app/modules/pro/channel/content-modal/modal.component.html

@@ -3,7 +3,7 @@
  <!-- <div class="m-mediaModal__theater"> -->
  <!-- Media: image -->
  <div class="m-mediaModal__theater m-mediaModal__theater--image" *ngIf="entity.subtype === 'image'">
- <img [src]="entity.thumbnail_src" (load)="inProgress = !inProgress"/>
+ <img [src]="entity.thumbnail_src" (load)="inProgress = false"/>
  <div class="mdl-spinner mdl-js-spinner is-active" [mdl] *ngIf="inProgress"></div>
  <div class="m-mediaModal__theaterOverlay">
  <a class="m-mediaModal__theaterOverlayTitle" [routerLink]="['/media', entity.entity_guid]">{{title}}</a>

src/app/modules/pro/channel/content-modal/modal.component.ts

@@ -16,7 +16,7 @@ export class ProContentModalComponent implements OnInit {
 
  @Input('entity') set data(data) {
  this.entity = data;
- this.title = this.entity.message ? this.entity.message : `${this.entity.ownerObj.name}'s post`;
+ this.title = this.entity.title || this.entity.message || `${this.entity.ownerObj.name}'s media`;
  }
 
  constructor(

src/app/modules/pro/channel/list-modal/list-modal.component.scss

+.m-pro--channel-list-modal {
+ margin-top: 48px;
+}
+
 .m-pro--channel-list-modal--grid {
  display: grid;
  grid-gap: 16px;

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

@@ -51,7 +51,7 @@
  (click)="seeMore()"
  i18n
  >
- See more
+ <span>See more&hellip;</span>
  </li>
  </ul>
  <ng-container *ngIf="entities.length == 0">

src/app/modules/pro/channel/list/list.component.scss

@@ -69,7 +69,7 @@ m-pro--channel-list {
 
  .m-proChannelListContentList__seeMore {
  color: var(--text-color);
- background-color: var(--plain-background-color);
+ background-color: var(--transparent-background-color);
  border: 1px solid #777;
 
  font-size: 30px;
@@ -77,6 +77,11 @@ m-pro--channel-list {
  vertical-align: middle;
 
  cursor: pointer;
+
+ > span {
+ display: block;
+ width: 100%;
+ }
  }
 
  ul.m-proChannelListContent__list {