feet: (insertimageoffoot) Add styling for Outline

[bwilson-bw]

Lots of changes we could do here. Can go way over board with styling like hover effect etc

[maael]

👣 are you feeling okay friend

[maael]

diff --git a/app/components/organisms/AuthTools.tsx b/app/components/organisms/AuthTools.tsx
index 5d2c6ba..a82428d 100644
--- a/app/components/organisms/AuthTools.tsx
+++ b/app/components/organisms/AuthTools.tsx
@@ -1,19 +1,19 @@
 import Avatar from "@material-ui/core/Avatar";
 import deepOrange from "@material-ui/core/colors/deepOrange";
-import Typography from "@material-ui/core/Typography";
 import { withStyles } from "@material-ui/core/styles";
+import Typography from "@material-ui/core/Typography";
 import Link from "next/link";
 import React from "react";
 import { UserConsumer } from "../contexts/user";

 const styles = {
   item: {
-    cursor: "pointer",
-    marginRight: 15,
     "&:hover": {
       color: "#C0FFEE",
       opacity: 1,
     },
+    cursor: "pointer",
+    marginRight: 15,
   },
   orangeAvatar: {
     backgroundColor: deepOrange[500],
diff --git a/app/components/templates/Outline.tsx b/app/components/templates/Outline.tsx
index bb2b415..d90369e 100644
--- a/app/components/templates/Outline.tsx
+++ b/app/components/templates/Outline.tsx
@@ -15,9 +15,9 @@ const hoverStyle = {

 const styles = createStyles({
   item: {
+    "&:hover": hoverStyle,
     cursor: "pointer",
     marginRight: 15,
-    "&:hover": hoverStyle,
   },
   root: {
     flexGrow: 1,
diff --git a/tslint.json b/tslint.json
index 6235541..0307009 100644
--- a/tslint.json
+++ b/tslint.json
@@ -11,6 +11,7 @@
     "arrow-parens": false,
     "semicolon": [true, "always", "strict-bound-class-methods"],
     "no-console": [true, "log"],
-    "jsx-curly-spacing": false
+    "jsx-curly-spacing": false,
+    "object-literal-key-quotes": [true, "as-needed"]
   }
 }

[maael]

@bwilson-bw save that as a file in your repo directory, then do git apply <file name>