Update service-worker

Author: marcodearaujo

app/components/Login/Login.js

@@ -4,6 +4,10 @@ import { Router } from 'react-router'
 import User from 'services/User';
 import ErrorComponent from 'components/Error/Error';
 
+const blackStyle = {
+    color : '#000'
+};
+
 class Login extends React.Component
 {
     constructor(props, context) {
@@ -40,25 +44,27 @@ class Login extends React.Component
                     <div className="container">
                         <div className="columns is-vcentered">
                             <div className="column is-4 is-offset-4">
-                                <h1 className="title has-text-centered">
+                                <p className="title has-text-centered" style={blackStyle}>
                                     IClient
-                                </h1>
+                                </p>
                                 <form onSubmit={this.handleSubmit}>
                                     <div className="box">
                                          <ErrorComponent error={this.state.error} />
-                                        <label className="label">Username</label>
+                                        <label className="label" htmlFor='username'>Username</label>
                                         <p className="control has-icon">
                                             <input
+                                                id='username'
                                                 ref='username'
                                                 className="input"
                                                 type="text"
                                                 placeholder="Ex: jsmith" 
                                             />
                                             <i className="fa fa-user" />
                                         </p>
-                                        <label className="label">Password</label>
+                                        <label className="label" htmlFor='password'>Password</label>
                                         <p className="control has-icon">
                                             <input
+                                                id='password'
                                                 ref='password'
                                                 className="input"
                                                 type="password"
@@ -68,7 +74,7 @@ class Login extends React.Component
                                         </p>
                                         <hr />
                                         <p className="control">
-                                            <button className="button is-primary">Login</button>
+                                            <button className="button is-primary" style={blackStyle}>Login</button>
                                         </p>
                                     </div>
                                 </form>

public/index.html

@@ -6,9 +6,8 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
         <link rel="manifest" href="/manifest.json">
         <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
-        <link rel="icon" type="image/png" href="favicons/favicon-32x32.png" sizes="32x32">
-        <link rel="icon" type="image/png" href="favicons/favicon-16x16.png" sizes="16x16">
-        <link rel="manifest" href="manifest.json">
+        <link rel="icon" type="image/png" href="/favicons/favicon-32x32.png" sizes="32x32">
+        <link rel="icon" type="image/png" href="/favicons/favicon-16x16.png" sizes="16x16">
         <link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#5bbad5">
         <title>React Client</title>
     </head>

public/service-worker.js

@@ -36,7 +36,7 @@ self.addEventListener('fetch', function(event) {
     event.respondWith(
         caches.open(CACHE_NAME).then(function(cache) {
             return cache.match(event.request).then(function(response) {
-                if (response) {
+                if (response && !navigator.onLine) {
                     return response;
                 }
                 return fetch(event.request).then(function(response) {