From f50301febcc4adf92407ed2b572bc22a51514ab9 Mon Sep 17 00:00:00 2001
From: "Ilya Ig. Petrov" <ilyaigpetrov@gmail.com>
Date: Sat, 27 May 2017 11:42:18 -0700
Subject: [PATCH] Mend ProxyEditor sizings and overflow

---
 .../options/src/components/ProxyEditor.js     | 23 +++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/options/src/components/ProxyEditor.js b/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/options/src/components/ProxyEditor.js
index 73b82e6..cf00ac8 100644
--- a/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/options/src/components/ProxyEditor.js
+++ b/extensions/chromium/runet-censorship-bypass/src/extension-common/pages/options/src/components/ProxyEditor.js
@@ -26,13 +26,25 @@ export default function getProxyEditor(theState) {
     }
 
     /* ADD PANEL */
-    table.editor tr.addPanel td {
+    table.editor tr.addPanel td,
+    table.editor tr.addPanel td input
+    {
       padding: 0;
     }
+    table.editor tr.addPanel td > select[name="proxyType"],
+    table.editor tr.addPanel td:nth-last-child(2) /* port */
+    {
+      font-size: 0.9em;
+    }
     /* PROXY ROW */
-    table.editor tr.proxyRow td:nth-child(2) {
+    table.editor tr.proxyRow td:nth-child(2), /* type */
+    table.editor tr.proxyRow td:nth-child(4)  /* port */
+    {
       text-align: center;
     }
+    table.editor tr.proxyRow input[name="hostname"] {
+      padding: 0;
+    }
 
     table.editor th:not(:last-child) {
       padding: 0 0.6em;
@@ -93,7 +105,7 @@ export default function getProxyEditor(theState) {
       padding: 0;
     }
     .padLeft {
-      padding-left: 2px;
+      padding-left: 2px !important;
     }
 
     textarea.textarea {
@@ -296,7 +308,10 @@ export default function getProxyEditor(theState) {
                           class={scopedCss.only} title="Удалить"
                           onClick={() => this.handleDelete(this, {proxyAsString, index})}
                         >X</button>
-                      </td><td>{type}</td><td>{hostname}</td><td>{port}</td>
+                      </td>
+                      <td>{type}</td>
+                      <td><input value={hostname} name="hostname" readonly/></td>
+                      <td>{port}</td>
                       <td>
                         <button type="button" disabled={props.ifInputsDisabled}
                           class={scopedCss.only} title="Повысить приоритет"