(fix): tweaked styling for search results

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

-<div class="m-proChannelList__tools" *ngIf="query !== ''" > 
+<div class="m-proChannelList__tools" *ngIf="query !== ''">
  <!--<div class="m-proChannelListTools__algorithm">
  <a [routerLink]="['/pro', channelUsername, getTypeForRoute(type), 'hot']" routerLinkActive="active" i18n>
  <i class="material-icons">whatshot</i>
@@ -16,11 +16,9 @@
  </a>
  </div>-->
 
- <ng-container > <!--TODO add ngif after enable algorithm *ngIf="query !== ''"-->
- <div class="m-proChannelListTools__searchresult">
- <span> Showing results for: <strong> {{query}}</strong></span>
- </div>
- </ng-container>
+ <div class="m-proChannelListTools__searchResult"> <!--TODO add ngif after enable algorithm *ngIf="query !== ''"-->
+ <h2> Showing results for: <strong> {{query}}</strong></h2>
+ </div>
 </div>
 
 <div class="m-proChannelList__content">

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

@@ -6,8 +6,8 @@ m-pro--channel-list {
  }
 
  .m-proChannelList__tools {
- background-color: var(--plain-background-color) !important;
- padding: 20px;
+ //background-color: var(--plain-background-color) !important;
+ padding: 16px;
  height: 70px;
  border-radius: 20px;
  opacity: 0.9;
@@ -34,9 +34,12 @@ m-pro--channel-list {
  }
  }
 
- .m-proChannelListTools__searchresult {
- padding: 8px;
- margin-top: 12px;
+ .m-proChannelListTools__searchResult {
+ //padding: 8px;
+ //margin-top: 12px;
+ h2 {
+ margin: 0;
+ }
  }
  }