More Frontend Translation

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

@@ -6,6 +6,7 @@ import ModalBody from 'Components/Modal/ModalBody';
 import ModalContent from 'Components/Modal/ModalContent';
 import ModalFooter from 'Components/Modal/ModalFooter';
 import ModalHeader from 'Components/Modal/ModalHeader';
+import translate from 'Utilities/String/translate';
 import styles from './KeyboardShortcutsModalContent.css';
 
 function getShortcuts() {
@@ -75,7 +76,7 @@ function KeyboardShortcutsModalContent(props) {
         <Button
           onPress={onModalClose}
         >
-          Close
+          {translate('Close')}
         </Button>
       </ModalFooter>
     </ModalContent>

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

@@ -214,7 +214,7 @@ class MovieSearchInput extends Component {
     }
 
     suggestionGroups.push({
-      title: 'Add New Movie',
+      title: translate('AddNewMovie'),
       suggestions: [
         {
           type: ADD_NEW_TYPE,

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

@@ -12,7 +12,7 @@
   display: flex;
   align-items: center;
   flex: 0 0 $sidebarWidth;
-  padding-left: 20px;
+  padding-left: 35px;
 }
 
 .logoFull,
@@ -21,8 +21,8 @@
 }
 
 .logoFull {
-  width: 144px;
-  height: 48px;
+  width: 120px;
+  height: 40px;
 }
 
 .logo {

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

@@ -7,6 +7,7 @@ import MenuContent from 'Components/Menu/MenuContent';
 import MenuItem from 'Components/Menu/MenuItem';
 import MenuItemSeparator from 'Components/Menu/MenuItemSeparator';
 import { align, icons, kinds } from 'Helpers/Props';
+import translate from 'Utilities/String/translate';
 import styles from './PageHeaderActionsMenu.css';
 
 function PageHeaderActionsMenu(props) {
@@ -32,7 +33,7 @@ function PageHeaderActionsMenu(props) {
               className={styles.itemIcon}
               name={icons.KEYBOARD}
             />
-            Keyboard Shortcuts
+            {translate('KeyboardShortcuts')}
           </MenuItem>
 
           <MenuItemSeparator />
@@ -42,7 +43,7 @@ function PageHeaderActionsMenu(props) {
               className={styles.itemIcon}
               name={icons.RESTART}
             />
-            Restart
+            {translate('Restart')}
           </MenuItem>
 
           <MenuItem onPress={onShutdownPress}>
@@ -51,7 +52,7 @@ function PageHeaderActionsMenu(props) {
               name={icons.SHUTDOWN}
               kind={kinds.DANGER}
             />
-            Shutdown
+            {translate('Shutdown')}
           </MenuItem>
 
           {