Some style cleanup

1 files changed, 5 insertions, 5 deletions

diff --git a/index.js b/index.js
index f117f65..fcca766 100644
--- a/index.js
+++ b/index.js
@@ -36,19 +36,19 @@ class IPAddress extends React.Component {
 
   render() {
     var pretty = this.state.octets.join('.') + '/' + this.state.cidr
-    return <form>
+    return <form class="ip-address">
       {[...Array(4)].map((x, octet) =>
-        <input type="text" data-octet={octet} onChange={this.handleChange} value={this.state.octets[octet]}/>
+        <input class="octet" type="text" data-octet={octet} onChange={this.handleChange} value={this.state.octets[octet]}/>
       )}
-      <input type="text" data-octet="cidr" onChange={this.handleChange} value={this.state.cidr}/>
+      <input class="cidr" type="text" data-octet="cidr" onChange={this.handleChange} value={this.state.cidr}/>
       <h2>Result: {pretty}</h2>
 
       <ol>
         {[...Array(4)].map((x, octet) =>
-          <li>
+          <li class="octet">
             <ol>
               {[...Array(8)].map((x, bit) =>
-                <li>{(this.state.octets[octet] & (1 << (7-bit))) >> (7-bit)}</li>
+                <li class="bit">{(this.state.octets[octet] & (1 << (7-bit))) >> (7-bit)}</li>
               )}
             </ol>
           </li>