Fix some style issues

morpheus65535 · Aug 16, 2021 · a2fc1d7 · a2fc1d7
1 parent 135d866
commit a2fc1d7
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 3 deletions.
diff --git a/frontend/src/App/notification.scss b/frontend/src/App/notification.scss
@@ -18,8 +18,8 @@
 
   .dropdown-menu {
     max-width: 20rem;
-    max-height: 40rem;
-    overflow-y: scroll;
+    max-height: 85vh;
+    overflow-y: auto;
   }
 
   $content-width: 16rem;

diff --git a/frontend/src/System/Releases/index.tsx b/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>

diff --git a/frontend/src/System/Status/index.tsx b/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 {

diff --git a/frontend/src/System/Status/style.scss b/frontend/src/System/Status/style.scss
@@ -0,0 +1,3 @@
+.status-issue {
+  min-width: 16rem;
+}
diff --git a/frontend/src/System/Status/table.tsx b/frontend/src/System/Status/table.tsx
@@ -16,13 +16,15 @@ const Table: FunctionComponent<Props> = ({ health }) => {
       {
         Header: "Issue",
         accessor: "issue",
+        className: "status-issue",
       },
     ],
     []
   );
 
   return (
     <SimpleTable
+      responsive
       columns={columns}
       data={health}
       emptyText="No issues with your configuration"