Merge branch 'feature/v4' of https://github.com/twanariens/Ombi into feature/v4

src/Ombi/ClientApp/src/app/settings/failedrequests/failedrequest.component.html

@@ -1,26 +0,0 @@
-
-<settings-menu></settings-menu>
-
-
-<table class="table table-striped table-hover table-responsive table-condensed">
-    <thead>
-        <tr>
-            <td>Title</td>
-            <td>Type</td>
-            <td>Retry Count</td>
-            <td>Error Description</td>
-            <td>Delete</td>
-        </tr>
-    </thead>
-    <tbody>
-        <tr *ngFor="let v of vm">
-            <td class="vcenter">
-                {{v.title}}
-            </td>
-            <td>{{RequestType[v.type] | humanize}}</td>
-            <td class="vcenter">{{v.retryCount}}</td>
-            <td class="vcenter"> <i [pTooltip]="v.error" class="fa fa-info-circle"></i></td>
-            <td class="vcenter"><button class="btn btn-sm btn-danger-outline" (click)="remove(v)">Remove</button></td>
-        </tr>
-    </tbody>
-</table>

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

@@ -1,6 +1,7 @@
-@media (max-width: 978px) {
+@import "~styles/variables.scss";
+@media (max-width: 978px) {
     .top-spacing {
-        padding-top: 10%;
+        padding-top: 2%;
     }
     .modal-panel {
         max-height: 100vh !important;
@@ -11,7 +12,7 @@
 
 @media (min-width: 979px) {
     .top-spacing {
-        padding-top: 4%;
+        padding-top: 2%;
     }
 }
 
@@ -19,6 +20,8 @@ html,
 body {
     min-height: 100vh;
     overflow: auto;
+    scrollbar-color: #616161 #303030; //firefox
+    scrollbar-width: thin; //firefox
 }
 
 .spinner-container {
@@ -33,18 +36,19 @@ body {
 
 /* Scrollbar */
 
-::-webkit-scrollbar {
+::-webkit-scrollbar{
     width: 7px;
-    background: rgba(0, 0, 0, 0);
+    background: #818181;
 }
 
 ::-webkit-scrollbar-track {
     background: rgba(0, 0, 0, 0);
 }
 
-::-webkit-scrollbar-thumb {
+// Changed color of the scrollbar 
+::-webkit-scrollbar-thumb{
     border-radius: 3px;
-    background: #41927b;
+    background: #303030;
 }
 
 .sidenav ::-webkit-scrollbar-track {
@@ -68,3 +72,32 @@ table {
     display: flex;
     padding-bottom: 4%;
 }
+
+::ng-deep .dark .form-control{
+	background-color: rgba(0, 0, 0, 0.18);
+	color:#fff;
+	border: 1px solid rgba(0, 0, 0, 0.18);
+}
+
+::ng-deep .dark .nav-link.active{
+	color: #303030;
+	background-color: $accent-dark;
+	border-color: rgba(0, 0, 0, 0.18);
+	font-weight:400;
+}
+
+::ng-deep .dark .nav-link{
+	color: #fff;
+	background-color: rgba(0, 0, 0, 0.18);
+	border-color: rgba(0, 0, 0, 0.18);
+}
+
+::ng-deep .dark .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token input{
+	color:#fff;
+}
+
+::ng-deep .dark .ui-inputtext{
+    background-color: rgba(0, 0, 0, 0.18);
+	color:#fff;
+	border: 1px solid rgba(0, 0, 0, 0.18);
+}