some minor UI improvements

src/Ombi/ClientApp/src/app/app.component.html

@@ -170,7 +170,7 @@
 
 
 <div>
-    <app-my-nav [showNav]="showNav" [isAdmin]="isAdmin" [applicationName]="applicationName" [username]="username" (logoutClick)="logOut();" (themeChange)="onSetTheme($event)">
+    <app-my-nav id="main-container" [showNav]="showNav" [isAdmin]="isAdmin" [applicationName]="applicationName" [username]="username" (logoutClick)="logOut();" (themeChange)="onSetTheme($event)">
     </app-my-nav>
 
 

src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss

@@ -44,6 +44,11 @@
 }
 
 @media (min-width: 300px) {
+
+    .small-middle-container {
+        margin: inherit;
+    }
+
     .col-xl-2 {
         flex: 0 0 100%;
         max-width: 100%;
@@ -82,6 +87,7 @@
     .justify-content-md-center {
         justify-content: center !important;
     }
+
     .small-middle-container {
         width: auto;
     }
@@ -166,6 +172,7 @@
         min-width: 16.66666667%;
     }
 }
+
 @media (min-width: 1900px) {
     .col-xl-2 {
         flex: 0 0 14.285713%;

src/Ombi/ClientApp/src/app/my-nav/my-nav.component.html

@@ -35,7 +35,7 @@
         <mat-icon aria-label="Side nav toggle icon">menu</mat-icon>
       </button>
 
-            <div class="col-md-10 offset-md-1 col-10">
+            <div class="col-md-10 offset-md-1 col-8">
                 <span class="middle justify-content-center align-items-center">
           <!-- Search Bar -->
           <div style="width: 50%;">

src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss

@@ -1,6 +1,8 @@
 @import "~styles/variables.scss";
 .sidenav-container {
     min-height: 100vh;
+    -webkit-overflow-scrolling:touch;
+    overflow:auto;
 }
 
 .sidenav {

src/Ombi/ClientApp/src/app/services/signlarnotification.service.ts

@@ -3,6 +3,7 @@ import { AuthService } from '../auth/auth.service';
 
 import { HubConnection } from '@aspnet/signalr';
 import * as signalR from '@aspnet/signalr';
+
 @Injectable()
 export class SignalRNotificationService {
 
@@ -28,12 +29,16 @@ export class SignalRNotificationService {
             this.Notification.emit(data);
         });
 
+        let retryCount = 0;
 
         this.hubConnection.start().then((data: any) => {
             console.log('Now connected');
         }).catch((error: any) => {
+            retryCount++;
             console.log('Could not connect ' + error);
+            if (retryCount <= 3) {
                 setTimeout(() => this.initialize(), 3000);
+            }
         });
     }
 

src/Ombi/ClientApp/src/styles/shared.scss

@@ -38,11 +38,19 @@
 html,
 body {
     min-height: 100vh;
-    overflow: auto;
+    overflow: hidden;
     scrollbar-color: #616161 #303030; //firefox
     scrollbar-width: thin; //firefox
+    -webkit-overflow-scrolling: touch;
+}
+#main-container {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    overflow: auto;
 }
-
 .spinner-container {
     position: relative;
     margin-left: 50%;