Fix some style issues

frontend/src/App/notification.scss

@@ -18,8 +18,8 @@
 
   .dropdown-menu {
     max-width: 20rem;
-    max-height: 40rem;
+    max-height: 85vh;
-    overflow-y: scroll;
+    overflow-y: auto;
   }
 
   $content-width: 16rem;

frontend/src/System/Releases/index.tsx

@@ -11,7 +11,7 @@ const ReleasesView: FunctionComponent<Props> = () => {
   const releases = useSystemReleases();
 
   return (
-    <Container fluid className="px-5 py-4 bg-light">
+    <Container fluid className="px-3 py-4 bg-light">
       <Helmet>
         <title>Releases - Bazarr (System)</title>
       </Helmet>

frontend/src/System/Status/index.tsx

@@ -12,6 +12,7 @@ import { Helmet } from "react-helmet";
 import { useSystemHealth, useSystemStatus } from "../../@redux/hooks";
 import { AsyncOverlay } from "../../components";
 import { GithubRepoRoot } from "../../constants";
+import "./style.scss";
 import Table from "./table";
 
 interface InfoProps {

frontend/src/System/Status/style.scss

@@ -0,0 +1,3 @@
+.status-issue {
+  min-width: 16rem;
+}

frontend/src/System/Status/table.tsx

@@ -16,6 +16,7 @@ const Table: FunctionComponent<Props> = ({ health }) => {
       {
         Header: "Issue",
         accessor: "issue",
+        className: "status-issue",
       },
     ],
     []
@@ -23,6 +24,7 @@ const Table: FunctionComponent<Props> = ({ health }) => {
 
   return (
     <SimpleTable
+      responsive
       columns={columns}
       data={health}
       emptyText="No issues with your configuration"