From 0a4bb394da50520c872c0f0b1fcb73dbe6904e34 Mon Sep 17 00:00:00 2001
From: Jason <jason.daurus@gmail.com>
Date: Sun, 24 Jul 2016 18:20:29 +0800
Subject: [web] style improvement

---
 web/src/css/flowdetail.less                | 12 +++++++++++-
 web/src/js/components/FlowView/Headers.jsx |  2 +-
 2 files changed, 12 insertions(+), 2 deletions(-)

(limited to 'web')

diff --git a/web/src/css/flowdetail.less b/web/src/css/flowdetail.less
index 35857729..3d9fadb0 100644
--- a/web/src/css/flowdetail.less
+++ b/web/src/css/flowdetail.less
@@ -64,6 +64,17 @@
     }
 }
 
+.header-table .inline-input {
+    display: inline-block;
+    width: 100%;
+    height: 100%;
+}
+
+.header-colon {
+    position: absolute;
+    opacity: 0;
+}
+
 .view-options {
     margin-top: 10px;
 }
@@ -102,7 +113,6 @@
     }
     .header-name {
         width: 33%;
-        padding-right: 1em;
     }
     .header-value {
 
diff --git a/web/src/js/components/FlowView/Headers.jsx b/web/src/js/components/FlowView/Headers.jsx
index 706dd404..e46b939d 100644
--- a/web/src/js/components/FlowView/Headers.jsx
+++ b/web/src/js/components/FlowView/Headers.jsx
@@ -126,7 +126,7 @@ export default class Headers extends Component {
                                 onDone={val => this.onChange(i, 0, val)}
                                 onRemove={event => this.onRemove(i, 0, event)}
                                 onTab={event => this.onTab(i, 0, event)}
-                            />:
+                            /><span className="header-colon">:</span>
                         </td>
                         <td className="header-value">
                             <HeaderEditor
-- 
cgit v1.2.3