From 0a8ec05f4f484d9c195a2dc56eee572b502df57b Mon Sep 17 00:00:00 2001
From: Yuval Adam <yuval@y3xz.com>
Date: Wed, 9 Dec 2015 12:29:25 +0200
Subject: Fix dots and slash styles

---
 index.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'index.js')

diff --git a/index.js b/index.js
index 2dece11..fcb42e3 100644
--- a/index.js
+++ b/index.js
@@ -40,9 +40,11 @@ class IPAddress extends React.Component {
     return <div className="ip-address">
       <div className="address">
         {[...Array(4)].map((x, octet) =>
-          <input className="octet" type="text" data-octet={octet} onChange={this.handleChange} value={this.state.octets[octet]}/>
+          <span className="octet">
+            <input className="octet" type="text" data-octet={octet} onChange={this.handleChange} value={this.state.octets[octet]}/>
+            <span className="dot">{octet == '3' ? '/' : '.'}</span>
+          </span>
         )}
-        <span className="slash">&#47;</span>
         <input className="cidr" type="text" data-octet="cidr" onChange={this.handleChange} value={this.state.cidr}/>
       </div>
 
-- 
cgit v1.3.1