🔧 Formatting and more layout changes

src/client/components/Settings/AirDCPPSettings/AirDCPPSettingsForm.tsx

@@ -26,7 +26,7 @@ export const AirDCPPSettingsForm = (): ReactElement => {
     airDCPPSettings.setSettings({});
     dispatch(deleteSettings());
   }, []);
-  const validate = async () => {};
+  const validate = async () => { };
   const initFormData = !isUndefined(
     airDCPPSettings.airDCPPState.settings.directConnect,
   )
@@ -41,7 +41,7 @@ export const AirDCPPSettingsForm = (): ReactElement => {
         initialValues={initFormData}
         render={({ handleSubmit }) => (
           <form onSubmit={handleSubmit}>
-            <h2>AirDC++ Connection Information</h2>
+            <h2>Configure AirDC++</h2>
             <label className="label">AirDC++ Hostname</label>
             <div className="field has-addons">
               <p className="control">

src/client/components/Settings/QbittorrentSettings/QbittorrentConnectionForm.tsx

@@ -34,14 +34,13 @@ export const QbittorrentConnectionForm = (): ReactElement => {
 
   return (
     <>
-      <pre> {JSON.stringify(torrents, null, 4)} </pre>
 
       <Form
         onSubmit={onSubmit}
         // validate={}
         initialValues={qBittorrentSettings}
         render={({ handleSubmit }) => (
-          <form onSubmit={handleSubmit}>
+          <form className="content" onSubmit={handleSubmit}>
             <h2>Configure Qbittorrent</h2>
             <label className="label">Qbittorrent Hostname</label>
             <div className="field has-addons">
@@ -126,6 +125,7 @@ export const QbittorrentConnectionForm = (): ReactElement => {
           </form>
         )}
       />
+      <pre> {JSON.stringify(torrents, null, 4)} </pre>
     </>
   );
 };