tested all functionality and updated About page and Contact page

Author: GP3-RS

app/components/About.tsx

@@ -21,37 +21,34 @@ const About: React.FC = React.memo(() => {
           to use and expensive to operate, Chronos was born. Chronos is an all-in-one network and
           health monitoring tool for your application or microservice, containerized or not!
         </p>
+        <br>
+        </br>
         <h3 style={currentMode} className="title">
           Fantastic Four
         </h3>
         <div>
           <span style={currentMode} className="text">
-            Nachiket
+            <p>Josh</p>
           </span>
-          <br />
           <span style={currentMode} className="text">
-            Tiffany
+            <p>Elisa</p>
           </span>
-          <br />
           <span style={currentMode} className="text">
-            Bruno
+            <p>Troy</p>
           </span>
-          <br />
           <span style={currentMode} className="text">
-            Danny
+            <p>Gahl</p>
           </span>
           <br />
-          <br />
         </div>
         <h3 style={currentMode} className="title">
           Contributors
         </h3>
         <p style={currentMode} className="text">
-          Vince, Matt, Derek, Kit, Grace, Jen, Patty, Stella, Michael, Ronelle, Todd, Greg, Brianna,
+          Nachiket, Tiffany, Bruno, Danny, Vince, Matt, Derek, Kit, Grace, Jen, Patty, Stella, Michael, Ronelle, Todd, Greg, Brianna,
           Brian, Alon, Alan, Ousman, Ben, Chris, Jenae, Tim, Kirk, Jess, William, Alexander
         </p>
         <br />
-        <p style={currentMode}>Copyright © Team Chronos 2021.</p>
       </div>
     </div>
   );

app/stylesheets/About.scss

@@ -69,3 +69,7 @@
     animation: none;
   }
 }
+
+p {
+  padding-left: 10px;
+}

app/stylesheets/Contact.scss

@@ -22,7 +22,6 @@
   flex-direction: column;
   justify-content: center;
   font-size: 18px;
-
   border-radius: 10px;
   border: none;
   box-shadow: $boxshadow2;
@@ -65,6 +64,8 @@
       flex-direction: column;
       width: 100%;
       input {
+        border: 1px solid transparent;
+        border-radius: 5px;
         width: 100%;
         color: $header;
         font-size: 16px;
@@ -75,6 +76,7 @@
         }
       }
       textarea {
+        border-radius: 5px;
         font-size: 16px;
         width: 100%;
         min-width: 100%;
@@ -109,6 +111,7 @@
 
   &:hover {
     border: none;
+    cursor: pointer;
   }
 
   &:focus {
@@ -122,6 +125,7 @@
 
 input[type='file'] {
   border: none;
+  border-radius: 5px;
 
   &:hover {
     border: none;

examples/microservices/books/package-lock.json

@@ -5,7 +5,7 @@ require('dotenv').config({
 
 module.exports = {
   // General configuration
-  microservice: 'reverse-proxy',
+  microservice: 'reverseproxy',
   interval: 5000,
 
   // Mode Specific