New: Loads of Backend Updates to Clients and Indexers

frontend/src/Components/Page/Header/PageHeader.css

@@ -10,13 +10,13 @@
 
 .logoContainer {
   display: flex;
-  justify-content: center;
+  align-items: center;
   flex: 0 0 $sidebarWidth;
+  padding-left: 20px;
 }
 
-.logoFull {
-  width: 144px;
-  height: 48px;
+.logoLink {
+  line-height: 0;
 }
 
 .logo {

frontend/src/Components/Page/Header/PageHeader.js

@@ -45,17 +45,19 @@ class PageHeader extends Component {
 
   render() {
     const {
-      onSidebarToggle,
-      isSmallScreen
+      onSidebarToggle
     } = this.props;
 
     return (
       <div className={styles.header}>
         <div className={styles.logoContainer}>
-          <Link to={`${window.Radarr.urlBase}/`}>
+          <Link
+            className={styles.logoLink}
+            to={`${window.Radarr.urlBase}/`}
+          >
             <img
-              className={isSmallScreen ? styles.logo : styles.logoFull}
-              src={isSmallScreen ? `${window.Radarr.urlBase}/Content/Images/logo.png` : `${window.Radarr.urlBase}/Content/Images/logo-full.png`}
+              className={styles.logo}
+              src={`${window.Radarr.urlBase}/Content/Images/logo.svg`}
             />
           </Link>
         </div>
@@ -93,7 +95,6 @@ class PageHeader extends Component {
 
 PageHeader.propTypes = {
   onSidebarToggle: PropTypes.func.isRequired,
-  isSmallScreen: PropTypes.bool.isRequired,
   bindShortcut: PropTypes.func.isRequired
 };
 

frontend/src/Components/Page/Header/PageHeaderActionsMenu.css

@@ -18,4 +18,3 @@
     margin-right: 5px;
   }
 }
-

frontend/src/Components/Page/Page.js

@@ -86,7 +86,6 @@ class Page extends Component {
 
           <PageHeader
             onSidebarToggle={onSidebarToggle}
-            isSmallScreen={isSmallScreen}
           />
 
           <div className={styles.main}>

frontend/src/Components/Page/Sidebar/PageSidebar.css

@@ -31,4 +31,3 @@
     height: 100%;
   }
 }
-