From 8c719e3fb85254ad3df06e3eb9491d0f79402e87 Mon Sep 17 00:00:00 2001
From: Kai Reinhard <K.Reinhard@micromata.de>
Date: Wed, 16 Jan 2019 07:14:46 +0000
Subject: [PATCH] Layout...

---
 borgbutler-webapp/src/components/views/config/ConfigurationServerTab.jsx |   28 ++++++++++++----------------
 1 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/borgbutler-webapp/src/components/views/config/ConfigurationServerTab.jsx b/borgbutler-webapp/src/components/views/config/ConfigurationServerTab.jsx
index 2238275..b2d749f 100644
--- a/borgbutler-webapp/src/components/views/config/ConfigurationServerTab.jsx
+++ b/borgbutler-webapp/src/components/views/config/ConfigurationServerTab.jsx
@@ -121,13 +121,11 @@
             return <ErrorAlertGenericRestFailure handleClick={this.loadConfig}/>;
         }
         const borgVersion = this.state.borgVersion;
-        let borgStatus = <Alert color="success">
-            {`Borg version '${borgVersion.version}' is OK.`}
-        </Alert>
+        let borgInfoColor = 'success';
+        let borgInfoMessage = `Borg version '${borgVersion.version}' is OK.`;
         if (!borgVersion.versionOK) {
-            borgStatus = <Alert color="danger">
-                {`${borgVersion.statusMessage}`}
-            </Alert>
+            borgInfoColor = 'danger';
+            borgInfoMessage = borgVersion.statusMessage;
         }
         return (
             <div>
@@ -147,18 +145,16 @@
                                 <FormOption label={'Manual'} value={'manual'}/>
                             </FormSelect>
                         </FormField>
-                        <FormField length={8}>
-                            <FormInput name={'borgCommand'} value={this.state.borgCommand}
-                                       onChange={this.handleTextChange}
-                                       placeholder="Enter path of borg command"
-                                       disabled={this.state.borgBinary !== "manual"}/>
-                        </FormField>
+                        <FormInput fieldLength={8} name={'borgCommand'} value={this.state.borgCommand}
+                                   onChange={this.handleTextChange}
+                                   placeholder="Enter path of borg command"
+                                   disabled={this.state.borgBinary !== "manual"}/>
                     </FormGroup>
                     <FormGroup>
-                        <FormField length={2} />
-                        <FormField length={10}>
-                            {borgStatus}
-                        </FormField>
+                        <FormField length={4}/>
+                        <Alert className={'col-sm-8'} color={borgInfoColor}>
+                            {borgInfoMessage}
+                        </Alert>
                     </FormGroup>
                     <FormLabelInputField label={'Port'} fieldLength={2} type="number" min={0} max={65535}
                                          step={1}

--
Gitblit v1.10.0