From c4f075343f557f278b1bacb4b92891e646f8fb2a Mon Sep 17 00:00:00 2001
From: Michael Foiani <sotech117@michaels-mbp-3.lan>
Date: Tue, 20 Apr 2021 07:55:53 -0400
Subject: Finished up the front end functionality. Some issues with the backend
 (small NaN issues), and some elements need a little more love (styling)
 before demo.

---
 react-frontend/src/css/App.css           |  1 +
 react-frontend/src/css/CoordSelector.css |  4 ++++
 react-frontend/src/css/InvesterInfo.css  | 14 +++++++++++--
 react-frontend/src/css/UserCheckin.css   | 34 +++++++++++++++++++++++++-------
 4 files changed, 44 insertions(+), 9 deletions(-)

(limited to 'react-frontend/src/css')

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/InvesterInfo.css b/react-frontend/src/css/InvesterInfo.css
index 5385965..fcfb29c 100644
--- a/react-frontend/src/css/InvesterInfo.css
+++ b/react-frontend/src/css/InvesterInfo.css
@@ -2,11 +2,11 @@
   display: flex;
   flex-direction: row;
   justify-content: space-evenly;
-  margin-bottom: 10px;
   margin-right: 10px;
   margin-left: 10px;
   border-bottom: solid 1px white;
   margin-top: 0px;
+  padding-bottom: 20px;
 }
 
 /* div {
@@ -25,16 +25,26 @@
 .Chosen-user {
   background-color: #333333;
   color: lightgreen;
-  width: 350px;
+  width: 25vw;
   border-radius: 10px;
 }
 
+.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 {
diff --git a/react-frontend/src/css/UserCheckin.css b/react-frontend/src/css/UserCheckin.css
index 141cc01..389bca6 100644
--- a/react-frontend/src/css/UserCheckin.css
+++ b/react-frontend/src/css/UserCheckin.css
@@ -20,7 +20,7 @@ ul {
   z-index: 10;
   background-color: #333333;
   border-radius: 20px;
-  margin: 5px;
+  margin: 5px 5px 5px 0;
 }
 
 .Coord-ex {
@@ -30,22 +30,28 @@ 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;
+  height: 85vh;
   overflow-y: scroll;
-  cursor: default;
 }
 
 .User-checkin-list {
-  height: 80vh;
+  height: 75vh;
   overflow-y: scroll;
 
   list-style-position: inside;
@@ -79,7 +85,7 @@ ul {
 .Img-btn {
   background-color: #424242;
   border-radius: 50%;
-  margin-right: 10px;
+  margin-left: auto;
 }
 
 .Img-btn:hover {
@@ -91,4 +97,18 @@ ul {
   cursor: pointer;
   text-decoration: underline;
   color: lightgreen;
+}
+
+/* CSS borrowed from W3 Schools */
+input[type=text] {
+  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
-- 
cgit v1.2.3-70-g09d2