From 23517d1ee15907dd2f42f60ca4413c8cb199401c Mon Sep 17 00:00:00 2001
From: Brandon Lyons <lyonsbp@umich.edu>
Date: Tue, 27 Oct 2020 17:33:05 -0400
Subject: [PATCH 1/3] Add UserPart component

---
 web/src/components/UserPart/UserPart.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 web/src/components/UserPart/UserPart.js

diff --git a/web/src/components/UserPart/UserPart.js b/web/src/components/UserPart/UserPart.js
new file mode 100644
index 0000000..97ff1f3
--- /dev/null
+++ b/web/src/components/UserPart/UserPart.js
@@ -0,0 +1,18 @@
+function UserPart({ userName, partName }) {
+  return (
+    <h3 className="text-xl">
+    <span className=" border-2 border-purple-900 mr-1"></span>
+      <span className="text-gray-500">
+        {userName}
+      </span>
+      <span className="text-2xl mx-1 text-gray-300">
+        /
+      </span>
+      <span className="text-purple-900">
+        {partName}
+      </span>
+    </h3>
+  )
+}
+
+export default UserPart

From 31ffc9058a272ec65747fa79cf10399c30696cea Mon Sep 17 00:00:00 2001
From: Brandon Lyons <lyonsbp@umich.edu>
Date: Wed, 28 Oct 2020 10:37:45 -0400
Subject: [PATCH 2/3] Correct color classes

---
 web/src/components/UserPart/UserPart.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/components/UserPart/UserPart.js b/web/src/components/UserPart/UserPart.js
index 97ff1f3..dc91c64 100644
--- a/web/src/components/UserPart/UserPart.js
+++ b/web/src/components/UserPart/UserPart.js
@@ -1,14 +1,14 @@
 function UserPart({ userName, partName }) {
   return (
-    <h3 className="text-xl">
-    <span className=" border-2 border-purple-900 mr-1"></span>
+    <h3 className="text-xl font-roboto">
+    <span className=" border-2 border-indigo-800 mr-1"></span>
       <span className="text-gray-500">
         {userName}
       </span>
-      <span className="text-2xl mx-1 text-gray-300">
+      <span className="text-2xl mx-1 text-gray-400">
         /
       </span>
-      <span className="text-purple-900">
+      <span className="text-indigo-800">
         {partName}
       </span>
     </h3>

From 30bac51c865421cdb127eadfa001b987e764ce3a Mon Sep 17 00:00:00 2001
From: Brandon Lyons <lyonsbp@umich.edu>
Date: Wed, 28 Oct 2020 11:14:07 -0400
Subject: [PATCH 3/3] Add transform and skew classes

---
 web/src/components/UserPart/UserPart.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/web/src/components/UserPart/UserPart.js b/web/src/components/UserPart/UserPart.js
index dc91c64..5596649 100644
--- a/web/src/components/UserPart/UserPart.js
+++ b/web/src/components/UserPart/UserPart.js
@@ -1,12 +1,11 @@
 function UserPart({ userName, partName }) {
   return (
     <h3 className="text-xl font-roboto">
-    <span className=" border-2 border-indigo-800 mr-1"></span>
+    <span className="border-2 border-indigo-800 mr-1"></span>
       <span className="text-gray-500">
         {userName}
       </span>
-      <span className="text-2xl mx-1 text-gray-400">
-        /
+      <span className="border-2 border-gray-400 mx-1 transform -skew-x-12">
       </span>
       <span className="text-indigo-800">
         {partName}