Merge pull request #4809 from mempool/nymkappa/polish-menu

[menu] fix css

frontend/src/app/components/menu/menu.component.ts

@@ -78,6 +78,15 @@ export class MenuComponent implements OnInit, OnDestroy {
     this.stateService.menuOpen$.next(this.navOpen);
   }
 
+  @HostListener('window:resize', ['$event'])
+  onResize(event) {
+    if (this.isSmallScreen()) {
+      this.toggleMenu(false);
+    } else if (this.isServicesPage) {
+      this.toggleMenu(true);
+    }
+  }
+
   @HostListener('window:click', ['$event'])
   onClick(event) {
     const isServicesPageOnMobile = this.isServicesPage && this.isSmallScreen();

frontend/src/app/shared/components/global-footer/global-footer.component.scss

@@ -1,6 +1,11 @@
 footer {
   background-color: #1d1f31;
   margin-top: 30px;
+  &.services {
+    @media (min-width: 768px) {
+      padding-left: 240px;
+    }
+  }
 }
 
 footer a {
@@ -162,6 +167,61 @@ footer .sponsor {
   }
 }
 
+.services {
+  @media (min-width: 901px) and (max-width: 1147px) {
+    :host-context(.ltr-layout) .services .language-selector {
+      float: none !important;
+    }
+    :host-context(.rtl-layout) .services .language-selector {
+      float: none !important;
+    }
+
+    .explore-tagline-desktop {
+      display: none;
+    }
+
+    .explore-tagline-mobile {
+      display: block;
+    }
+
+    .main-logo {
+      width: 220px;
+    }
+
+    footer .row.link-tree {
+      font-size: 16px;
+    }
+
+    footer .row.social-links svg {
+      width: 20px;
+    }
+
+    footer .row.link-tree {
+      display: block;
+      text-align: center;
+    }
+
+    footer .link-tree .links {
+      margin-bottom: 20px;
+    }
+
+    footer .row.main .branding {
+      text-align: center;
+      padding: 0px;
+    }
+
+    .main-logo {
+      display: block;
+      margin: 0 auto;
+    }
+
+    footer .site-options {
+      float: none;
+      margin-top: 15px;
+    }
+  }
+}
+
 @media (max-width: 1200px) {
 
   .main-logo {