src/app/app.component.html

@@ -28,7 +28,10 @@
  ></m-sidebar--markers>
 </ng-container>
 
-<m-body [class.has-v2-navbar]="featuresService.has('top-feeds')">
+<m-body
+ [class.has-v2-navbar]="featuresService.has('top-feeds')"
+ [class.is-standalone]="this.standalone"
+>
  <m-announcement [id]="'blockchain:sale'" *ngIf="false">
  <span
  class="m-blockchain--wallet-address-notice--action"
@@ -50,7 +53,7 @@
 <m--blockchain--transaction-overlay></m--blockchain--transaction-overlay>
 <m-modal--tos-updated *ngIf="session.isLoggedIn()"></m-modal--tos-updated>
 <m-juryDutySession__summons
- *ngIf="session.isLoggedIn() && !minds.pro"
+ *ngIf="session.isLoggedIn() && !this.standalone"
 ></m-juryDutySession__summons>
 
 <m-modal-signup-on-scroll></m-modal-signup-on-scroll>

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

 <div class="m-pro--channel-footer">
  <span class="m-pro--channel-footer--text">{{ footerText }}</span>
 
- <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"
- ><i [ngClass]="[getSocialProfileIconClass(profile)]"></i
- ></a>
- </span>
- </div>
+ <span *ngFor="let profile of footerSocialProfiles">
+ <a
+ *ngIf="profile.key && profile.value"
+ [href]="getSocialProfileURL(profile.value)"
+ rel="noopener noreferrer"
+ target="_blank"
+ ><i [ngClass]="[getSocialProfileIconClass(profile)]"></i
+ ></a>
+ </span>
 
  <a
  *ngFor="let link of footerLinks"

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

 .m-pro--channel-footer {
- display: flex;
- align-items: center;
- justify-content: space-around;
- flex-wrap: wrap;
- height: 100px;
+ text-align: center;
+ margin-bottom: 24px;
  color: var(--m-pro--text-color);
 
+ > * {
+ display: inline-block;
+ margin: 8px 16px;
+ vertical-align: middle;
+ }
+
  .m-pro--channel-footer--text {
  text-transform: uppercase;
  letter-spacing: 0.1em;
@@ -14,7 +17,6 @@
  a {
  cursor: pointer;
  text-decoration: none;
- padding: 0 16px;
 
  text-transform: uppercase;
  letter-spacing: 0.1em;

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

@@ -8,7 +8,7 @@ m-pro--channel-list {
  m-pro--channel--categories {
  margin: 16px 0 32px;
 
- @media screen and (max-width: 480px) {
+ @media screen and (max-width: $max-mobile) {
  margin: 8px;
  }
  }
@@ -30,6 +30,10 @@ m-pro--channel-list {
  margin: 0 auto;
  justify-content: center;
 
+ @media screen and (max-width: $max-mobile) {
+ width: 100%;
+ }
+
  & > i.material-icons {
  font-size: 100px;
  margin-top: 100px;
@@ -72,6 +76,10 @@ m-pro--channel-list {
  list-style: none;
  padding: 0;
 
+ @media screen and (max-width: $max-mobile) {
+ grid-template-columns: 1fr;
+ }
+
  &.m-proChannelListContent__normalList {
  grid-template-columns: 1fr;