[web] style improvement

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 {
 

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