Add detailed help text for sync levels (#155)

Adjust donation buttons to fit on mobile
Other translation updates

frontend/src/Components/Form/FormInputHelpText.js

@@ -25,7 +25,7 @@ function FormInputHelpText(props) {
       isCheckInput && styles.isCheckInput
     )}
     >
-      {text}
+      <div dangerouslySetInnerHTML={{ __html: text }} />
 
       {
         link ?

frontend/src/Settings/Applications/Applications/EditApplicationModalContent.js

@@ -18,9 +18,9 @@ import translate from 'Utilities/String/translate';
 import styles from './EditApplicationModalContent.css';
 
 const syncLevelOptions = [
-  { key: 'disabled', value: 'Disabled' },
+  { key: 'disabled', value: translate('Disabled') },
-  { key: 'addOnly', value: 'Add and Remove Only' },
+  { key: 'addOnly', value: translate('AddRemoveOnly') },
-  { key: 'fullSync', value: 'Full Sync' }
+  { key: 'fullSync', value: translate('FullSync') }
 ];
 
 function EditApplicationModalContent(props) {
@@ -53,7 +53,7 @@ function EditApplicationModalContent(props) {
   return (
     <ModalContent onModalClose={onModalClose}>
       <ModalHeader>
-        {`${id ? 'Edit' : 'Add'} Application`}
+        {`${id ? translate('Edit') : translate('Add')} ${translate('Application')}`}
       </ModalHeader>
 
       <ModalBody>
@@ -94,13 +94,13 @@ function EditApplicationModalContent(props) {
               </FormGroup>
 
               <FormGroup>
-                <FormLabel>{'Sync Level'}</FormLabel>
+                <FormLabel>{translate('SyncLevel')}</FormLabel>
 
                 <FormInputGroup
                   type={inputTypes.SELECT}
                   values={syncLevelOptions}
                   name="syncLevel"
-                  helpText={'Sync Level'}
+                  helpText={`${translate('SyncLevelAddRemove')}<br>${translate('SyncLevelFull')}`}
                   {...syncLevel}
                   onChange={onInputChange}
                 />

frontend/src/System/Status/styles.css

@@ -5,7 +5,7 @@
 
 .logoContainer {
   display: inline-block;
-  margin: 1em;
+  margin: 0.5em;
   width: 50px;
   height: 50px;
   outline: none;

src/NzbDrone.Core/Localization/Core/en.json

@@ -2,6 +2,7 @@
   "About": "About",
   "AcceptConfirmationModal": "Accept Confirmation Modal",
   "Actions": "Actions",
+  "Add": "Add",
   "AddAppProfile": "Add App Sync Profile",
   "AddDownloadClient": "Add Download Client",
   "Added": "Added",
@@ -9,6 +10,7 @@
   "AddIndexer": "Add Indexer",
   "AddingTag": "Adding tag",
   "AddNewIndexer": "Add New Indexer",
+  "AddRemoveOnly": "Add and Remove Only",
   "AddToDownloadClient": "Add release to download client",
   "Age": "Age",
   "All": "All",
@@ -113,6 +115,7 @@
   "DownloadClientStatusCheckSingleClientMessage": "Download clients unavailable due to failures: {0}",
   "DownloadClientUnavailable": "Download client is unavailable",
   "Downloading": "Downloading",
+  "Edit": "Edit",
   "EditAppProfile": "Edit App Profile",
   "EditIndexer": "Edit Indexer",
   "Enable": "Enable",
@@ -154,6 +157,7 @@
   "FocusSearchBox": "Focus Search Box",
   "Folder": "Folder",
   "ForMoreInformationOnTheIndividualDownloadClients": "For more information on the individual download clients, click on the info buttons.",
+  "FullSync": "Full Sync",
   "General": "General",
   "GeneralSettings": "General Settings",
   "GeneralSettingsSummary": "Port, SSL, username/password, proxy, analytics and updates",
@@ -352,6 +356,9 @@
   "Style": "Style",
   "SuggestTranslationChange": "Suggest translation change",
   "SyncAppIndexers": "Sync App Indexers",
+  "SyncLevel": "Sync Level",
+  "SyncLevelAddRemove": "Add and Remove Only: When it is added or removed from Prowlarr, it will update this remote app.",
+  "SyncLevelFull": "Full Sync: Will keep this app fully in sync. Changes made in Prowlarr are then synced to this app. Any change made remotely will be overridden by Prowlarr on the next sync.",
   "System": "System",
   "SystemTimeCheckMessage": "System time is off by more than 1 day. Scheduled tasks may not run correctly until the time is corrected",
   "TableOptions": "Table Options",