Fix dots and slash styles

1 files changed, 4 insertions, 2 deletions

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>