Added formatting for jobs lists and jobs detail components

src/App/App.jsx

@@ -10,6 +10,7 @@ import client from "../graphql/GraphQLClient";
 import "../ipc/ipc-renderer-handler";
 import { checkUserSession } from "../redux/user/user.actions";
 import { selectCurrentUser } from "../redux/user/user.selectors";
+import "./App.styles.scss";
 
 const mapStateToProps = createStructuredSelector({
   currentUser: selectCurrentUser,

src/App/App.styles.scss

@@ -0,0 +1,52 @@
+body {
+  height: 100%;
+  overflow: hidden;
+}
+
+.imex-flex-row {
+  display: flex;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  align-items: center;
+
+  &__grow {
+    flex: 1;
+  }
+
+  &__margin {
+    margin: 0.2rem 0.2rem;
+  }
+
+  &__margin-large {
+    margin: 0.5rem 0.5rem;
+  }
+
+  &__flex-space-around {
+    justify-content: space-around;
+  }
+}
+
+.ellipses {
+  display: inline-block; /* for em, a, span, etc (inline by default) */
+  text-overflow: ellipsis;
+  width: calc(95%);
+  overflow: hidden;
+  white-space: nowrap;
+}
+::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  border-radius: 0.2rem;
+  background-color: #f5f5f5;
+}
+
+::-webkit-scrollbar {
+  width: 0.25rem;
+  max-height: 0.25rem;
+  background-color: #f5f5f5;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 0.2rem;
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: #188fff;
+}