finalize styling

frontend/public/index.html

@@ -10,6 +10,8 @@
       content="Web site created using create-react-app"
     />
     <link rel="stylesheet" href="./stylesheets/master.css">
+    <link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
+
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/

frontend/public/stylesheets/filter.css

@@ -90,13 +90,13 @@
   cursor: pointer;
   padding: 10px 0;
   font-size: 16px;
-  font-family: "Times New Roman", Times, serif;
+  font-family: 'Lato', sans-serif;
 }
 
 .search > input {
   padding: 10px;
   font-size: 16px;
-  font-family: "Times New Roman", Times, serif;
+  font-family: 'Lato', sans-serif;
 }
 
 .search-btn:hover,

frontend/public/stylesheets/header.css

@@ -43,8 +43,7 @@
 }
 
 .user:hover {
-  border-radius: 5px;
-  background: red;
+  color: #CCCDCF;
 }
 
 .dropdown {
@@ -60,12 +59,20 @@
   border: 1px solid black;
   font-size: 16px;
   font-weight: 400;
-  top: 40px;
+  top: 30px;
   right: 10px;
 }
 
 .dropdown > * ~ * {
-  margin-top: 5px;
+  margin-top: 10px;
+}
+
+.dropdown > * {
+  padding: 5px 10px;
+}
+
+.dropdown > *:hover {
+  background: #e9ecef;
 }
 
 .logout {

frontend/public/stylesheets/master.css

@@ -12,3 +12,8 @@
 
 /* background: #f5f0f6; */
 /* background: #acb0bd; */
+
+
+body {
+  font-family: 'Lato', sans-serif;
+}
\ No newline at end of file

frontend/src/components/filter/Search.jsx

@@ -10,7 +10,10 @@ const Search = ({ orders, setOrdersToShow, setFiltersOn }) => {
   const [inputError, setInputError] = useState(false);
   const [byError, setByError] = useState(false);
 
-  const searchOptions = ["Warehouse ID", "Order ID"];
+  const searchOptions = [
+    // "Warehouse ID", 
+    "Order ID"
+  ];
 
   const search = () => {
     setInputError(false);

frontend/src/components/order/OrderDetails.jsx

@@ -50,7 +50,7 @@ const OrderDetails = ({ order, showDetails }) => {
             ))}
           </tbody>
         </table>
-        {`Warehouse Order #: ${order.id}`}
+        {/* {`Warehouse Order #: ${order.id}`} */}
       </div>
     </div>
   );