added timeout and safety button

client/app/main.css

@@ -106,8 +106,20 @@ html, body {
         float: right;
     }
 
-    .main-tabs-container {
+    .header-bar {
+        display: flex;
+        flex-wrap: wrap;
         margin-top: 10px;
+        padding: 0px 15px;
+    }
+
+    .fa-circle {
+        background: -webkit-gradient(linear, left top, left bottom, from(#bf9000), to(#7f6000));
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+    }
+
+    .main-tabs-container {
         display: flex;
         flex-wrap: wrap;
     }
@@ -119,7 +131,7 @@ html, body {
     #task-connection-message {
         position: relative;
         margin: auto;
-        left: -10%;
+        left: -8%;
         font-weight: 600;
         font-size: 19pt;
         text-transform: capitalize;
@@ -214,9 +226,6 @@ html, body {
         background: #020625;
     }
 
-    .nav-pills {
-        margin-left: 40px;
-    }
 
     .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav>li>a:focus, .nav>li>a:hover{
         //color: #EDF0F4;
@@ -352,6 +361,12 @@ html, body {
         color: grey;
     }
 
+    .safety-button {
+        width: 100%;
+        height: 200px;
+        font-size: 32px;
+    }
+