(chore): In-call feedback

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

@@ -28,13 +28,13 @@
  </div>
 
  <ng-container *ngIf="!collapseNavItems">
-<!-- <a
+ <a
  class="m-proChannelTopbar__navItem"
  [routerLink]="['/pro', channel.username, 'feed']"
  [queryParams]="{algorithm: 'pro'}"
  routerLinkActive="active"
  i18n
- >Feed</a>-->
+ >Feed</a>
  <a
  class="m-proChannelTopbar__navItem"
  [routerLink]="linkTo('videos', searchedText)"

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

@@ -15,7 +15,7 @@ m-pro--channel {
  display: grid;
  grid-template-rows: repeat(2, 100px) 1fr 100px;
  grid-template-columns: repeat(12, 1fr);
- min-height: 100%;
+ min-height: calc(100vh - 52px); /* 52px is the topbar height */
 
  .m-proChannel__topbar {
  grid-row: 1 / span 1;

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

-<span>{{footerText}}</span>
+<div class="m-pro--channel-footer">
+ <span class="m-pro--channel-footer--text">{{footerText}}</span>
 
-<div class="mdl-color-text--blue-grey-600">
+ <div class="m-pro--channel-footer--social-profiles">
  <span *ngFor="let profile of footerSocialProfiles">
  <a *ngIf="profile.key && profile.value"
- [href]="getSocialProfileURL(profile.value)"
- rel="noopener noreferrer"
- target="_blank"
+  [href]="getSocialProfileURL(profile.value)"
+  rel="noopener noreferrer"
+  target="_blank"
  ><i [ngClass]="[ getSocialProfileIconClass(profile) ]"></i></a>
  </span>
-</div>
-
-<a [href]="link.href" *ngFor="let link of footerLinks">{{link.title}}</a>
-
+ </div>
 
+ <a
+ *ngFor="let link of footerLinks"
+ class="m-pro--channel-footer--link"
+ [href]="link.href"
+ >{{link.title}}</a>
+</div>

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

-m-pro--channel-footer {
+.m-pro--channel-footer {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  height: 100px;
+ color: var(--text-color);
 
  a {
  text-decoration: none;