adding in all logic for gmail command to work and some ui changes

src/components/root.less

@@ -11,6 +11,22 @@
     justify-content: center;
     align-items: center;
 
+    .googleButton {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      background-color: white;
+      padding: 1em;
+      transition: box-shadow var(--transitionDuration);
+      box-shadow: 0 0 8px #666;
+
+      cursor: pointer;
+
+      .googleLogo {
+        margin-right: 5px;
+      }
+    }
+
     .commandIcon {
       display: flex;
       justify-content: center;
@@ -20,13 +36,6 @@
       flex: 1;
       border-radius: 0.4rem;
       margin: 0 10px;
-
-      background-color: azure;
-
-      .icon {
-        height: inherit;
-        width: inherit;
-      }
     }
     .searchBar {
       display: block;
@@ -46,6 +55,44 @@
       height: 40px;
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
         Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+
+      ::-webkit-input-placeholder {
+        /* Chrome/Opera/Safari */
+        color: grey;
+        opacity: 0.5;
+      }
+      ::-moz-placeholder {
+        /* Firefox 19+ */
+        color: grey;
+        opacity: 0.5;
+      }
+      :-ms-input-placeholder {
+        /* IE 10+ */
+        color: grey;
+        opacity: 0.5;
+      }
+      :-moz-placeholder {
+        /* Firefox 18- */
+        color: grey;
+        opacity: 0.5;
+      }
+    }
+
+    .submitButton {
+      margin: 0 10px;
+    }
+  }
+
+  .availableCommandsIconsCont {
+    display: flex;
+
+    position: fixed;
+    bottom: 3em;
+
+    .icon {
+      height: 50px;
+      width: 50px;
+      margin: 1em;
     }
   }