5 files changed, 97 insertions, 9 deletions
diff --git a/react-frontend/src/css/App.css b/react-frontend/src/css/App.css
index e39eb3e..1b8de5f 100644
--- a/react-frontend/src/css/App.css
+++ b/react-frontend/src/css/App.css
@@ -7,6 +7,7 @@
   grid-template-columns: max-content auto max-content max-content;
   background-color: #121212;
 
+
 }
 
 .App-logo {
diff --git a/react-frontend/src/css/CoordSelector.css b/react-frontend/src/css/CoordSelector.css
index 881be08..e1fde99 100644
--- a/react-frontend/src/css/CoordSelector.css
+++ b/react-frontend/src/css/CoordSelector.css
@@ -49,4 +49,8 @@
   width: 90%;
 }
 
+.Flex-coord {
+  margin: auto;
+}
+
 
diff --git a/react-frontend/src/css/EdgeInfo.css b/react-frontend/src/css/EdgeInfo.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/react-frontend/src/css/EdgeInfo.css
diff --git a/react-frontend/src/css/InvesterInfo.css b/react-frontend/src/css/InvesterInfo.css
new file mode 100644
index 0000000..c1bb137
--- /dev/null
+++ b/react-frontend/src/css/InvesterInfo.css
@@ -0,0 +1,62 @@
+#top-bar {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-evenly;
+  margin-right: 10px;
+  margin-left: 10px;
+  border-bottom: solid 1px white;
+  margin-top: 0px;
+  padding-bottom: 20px;
+}
+
+/* div {
+  border: solid white;
+} */
+
+/* p {
+  border: solid white;
+} */
+
+.bigNumber {
+  font-size: 16pt;
+  margin: 0;
+}
+
+.Chosen-user {
+  background-color: #333333;
+  color: lightgreen;
+  width: 25vw;
+  border-radius: 10px;
+  overflow: scroll;
+}
+
+.Stock-row {
+  display: flex;
+  justify-content: space-evenly;
+  color: white;
+  margin-bottom: 5px;
+}
+
+.tableHeader {
+  display: flex;
+  flex-direction: row;
+  justify-content: left;
+  margin-right: 10px;
+  margin-left: 10px;
+  font-size: 120%;
+  padding: 5px;
+  color: lightgreen;
+}
+
+.symbol-row {
+  margin-right: 20px;
+}
+
+.gain-row {
+  margin-right: 20px;
+}
+
+a {
+  color: lightgreen;
+  text-decoration: none;
+}
diff --git a/react-frontend/src/css/UserCheckin.css b/react-frontend/src/css/UserCheckin.css
index 141cc01..e60b348 100644
--- a/react-frontend/src/css/UserCheckin.css
+++ b/react-frontend/src/css/UserCheckin.css
@@ -10,6 +10,7 @@
   cursor: default;
   /* Transparent background */
   background: rgba(0, 0, 0, 0);
+  overflow: scroll;
 }
 
 ul {
@@ -20,7 +21,7 @@ ul {
   z-index: 10;
   background-color: #333333;
   border-radius: 20px;
-  margin: 5px;
+  margin: 5px 5px 5px 0;
 }
 
 .Coord-ex {
@@ -30,23 +31,29 @@ ul {
   text-align: center;
 }
 
+.Chosen-user > h3, .Checkins > h3 {
+  display: flex;
+  justify-content: space-between;
+  height: 5vh;
+  padding: 0 30px;
+}
+
 .Chosen-user > h2, .Checkins > h2 {
   display: flex;
-  justify-content: space-evenly;
+  justify-content: center;
   height: 5vh;
-  padding: 0 10px;
+  padding: 0 30px;
 }
 
 .Checkin-list {
   padding: 0 20px;
-  height: 86vh;
-  overflow-y: scroll;
-  cursor: default;
+  height: 85vh;
+  overflow: scroll;
 }
 
 .User-checkin-list {
-  height: 80vh;
-  overflow-y: scroll;
+  height: 75vh;
+  overflow: scroll;
 
   list-style-position: inside;
   padding: 0 20px;
@@ -79,7 +86,7 @@ ul {
 .Img-btn {
   background-color: #424242;
   border-radius: 50%;
-  margin-right: 10px;
+  margin-left: auto;
 }
 
 .Img-btn:hover {
@@ -91,4 +98,18 @@ ul {
   cursor: pointer;
   text-decoration: underline;
   color: lightgreen;
+}
+
+/* CSS borrowed from W3 Schools */
+input[type=search] {
+  width: 80%;
+  padding: 12px 20px;
+  box-sizing: border-box;
+  font-size: 80%;
+  background-color: lightgoldenrodyellow;
+  border-radius: 2;
+}
+
+.Title {
+  margin-top: 20px;
 }
 \ No newline at end of file