From d560e5ec23027d8a21fc1d075c1d394f1956ae53 Mon Sep 17 00:00:00 2001
From: Alexey Kasyanchuk <degitx@gmail.com>
Date: Mon, 19 Feb 2018 20:12:23 +0300
Subject: [PATCH] fix(config): settings port descriptions

---
 src/app/admin-page.js | 70 +++++++++++++++++++++++--------------------
 1 file changed, 38 insertions(+), 32 deletions(-)

diff --git a/src/app/admin-page.js b/src/app/admin-page.js
index 94a3e9e..7ea44cb 100644
--- a/src/app/admin-page.js
+++ b/src/app/admin-page.js
@@ -66,42 +66,48 @@ export default class AdminPage extends Page {
 		      	this.forceUpdate()
 		      }}
 		    />
-        <div className='row inline w100p'>
-          <div style={{flex: 1}}>Scanning port</div>
-          <TextField
-            style={{width: 65}}
-            hintText="Port"
-            errorText={this.options.spiderPort > 0 ? undefined : "This field is required"}
-            value={this.options.spiderPort}
-            onChange={(e, value) => {
-              if(!value)
-                value = 0
-              if(value > 65535)
-                value = 65535
+        <div className='column w100p'>
+          <div className='row inline w100p'>
+            <div style={{flex: 1}}>Scanning port</div>
+            <TextField
+              style={{width: 65}}
+              hintText="Port"
+              errorText={this.options.spiderPort > 0 ? undefined : "This field is required"}
+              value={this.options.spiderPort}
+              onChange={(e, value) => {
+                if(!value)
+                  value = 0
+                if(value > 65535)
+                  value = 65535
 
-              this.options.spiderPort = parseInt(value)
-              this.forceUpdate()
-            }}
-          />
+                this.options.spiderPort = parseInt(value)
+                this.forceUpdate()
+              }}
+            />
+          </div>
+          <div className='fs0-75' style={{color: 'grey'}}>* For current work TCP and UDP ports must be fully open and forward in case of router usage</div>
         </div>
 
-        <div className='row inline w100p'>
-          <div style={{flex: 1}}>Trackers responce port</div>
-          <TextField
-            style={{width: 65}}
-            hintText="Port"
-            errorText={this.options.udpTrackersPort > 0 ? undefined : "This field is required"}
-            value={this.options.udpTrackersPort}
-            onChange={(e, value) => {
-              if(!value)
-                value = 0
-              if(value > 65535)
-                value = 65535
+        <div className='column w100p'>
+          <div className='row inline w100p'>
+            <div style={{flex: 1}}>Trackers responce port</div>
+            <TextField
+              style={{width: 65}}
+              hintText="Port"
+              errorText={this.options.udpTrackersPort > 0 ? undefined : "This field is required"}
+              value={this.options.udpTrackersPort}
+              onChange={(e, value) => {
+                if(!value)
+                  value = 0
+                if(value > 65535)
+                  value = 65535
 
-              this.options.udpTrackersPort = parseInt(value)
-              this.forceUpdate()
-            }}
-          />
+                this.options.udpTrackersPort = parseInt(value)
+                this.forceUpdate()
+              }}
+            />
+          </div>
+          <div className='fs0-75' style={{color: 'grey'}}>* For current work UDP port must be fully open and forward in case of router usage</div>
         </div>
 
         <div className='row inline w100p'>