From b690e02cf870fd7ec14d3efcde9b0ffc5793a88a Mon Sep 17 00:00:00 2001
From: Kumar Damani <kumar.damani@mail.utoronto.ca>
Date: Mon, 8 Apr 2019 22:15:24 -0400
Subject: added very minimal styling

---
 web/public/stylesheets/home.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 web/public/stylesheets/home.css

(limited to 'web/public/stylesheets')

diff --git a/web/public/stylesheets/home.css b/web/public/stylesheets/home.css
new file mode 100644
index 0000000..28251ed
--- /dev/null
+++ b/web/public/stylesheets/home.css
@@ -0,0 +1,18 @@
+body {
+  background-color: #faf2e4;
+  margin: 0 15%;
+  font: 18px sans-serif;
+}
+
+h1 {
+  text-align: center;
+  font-family: serif;
+  font-weight: normal;
+  border-bottom: 1px solid #57b1dc;
+  margin-top: 30px;
+}
+
+h2 {
+  color: #d1633c;
+  font-family: serif;
+}
-- 
cgit v1.2.3


From 14f3642f1ea4d32c17d56ffebf5cfd14fb5f5f2c Mon Sep 17 00:00:00 2001
From: Kumar Damani <kumar.damani@mail.utoronto.ca>
Date: Thu, 18 Apr 2019 21:20:51 -0400
Subject: web ui updates

---
 web/public/stylesheets/style.css | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

(limited to 'web/public/stylesheets')

diff --git a/web/public/stylesheets/style.css b/web/public/stylesheets/style.css
index 5f39fcf..fd6ed87 100644
--- a/web/public/stylesheets/style.css
+++ b/web/public/stylesheets/style.css
@@ -21,11 +21,14 @@ a {
   left: 5px;
   z-index: 2;
   width: 350px;
+  height: 99vh;
   position: relative;
   float: left;
-  background-color: lightgrey;
+  background-color: #7b7b7b33;
   border-radius: 10px;
   visibility: hidden;
+  display: flex;
+  flex-direction: column;
 }
 #details-header {
   text-align: center;
@@ -34,15 +37,16 @@ a {
 }
 #report-container {
   overflow: auto;
-  max-height: 500px;
+  height: 80vh;
 }
 #report {
-  background-color: #0CC5EA;
+  background-color: #5694AD;
+  box-shadow: 10px 10px 8px -5px #888;
   width: 90%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 5px;
-  padding: 5px;
+  padding: 0px;
   border-radius: 10px;
   display: flex;
   justify-content: flex-end;
@@ -57,7 +61,6 @@ a {
 #report span {
   background-color: white;
   padding: 15px;
-  border-radius: 10px;
   font-weight: lighter;
   font-size: large;
   text-align: center;
@@ -65,13 +68,14 @@ a {
   word-wrap: break-word;
 }
 #btn-container {
-  height: 30px;
-  top: 250px;
-  background-color: lightgrey;
   width: 350px;
-  border-bottom-left-radius: 10px;
-  border-bottom-right-radius: 10px;
-  text-align: center;
+  position: absolute;
+  bottom: 0;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+#btn-container button {
+  box-shadow: 5px 5px 8px #888;
 }
 .details-btn {
   position: relative;
-- 
cgit v1.2.3