From 4bcda39aeae66b838c79e953e98c54055c3ecb70 Mon Sep 17 00:00:00 2001
From: Samarth Agarwal <samarth.agarwal@mail.utoronto.ca>
Date: Wed, 6 Mar 2019 23:07:12 -0500
Subject: Added functionality so that whenever a point is clicked it opens up a
 Details sidebar which shows information about that point.

---
 web/public/stylesheets/style.css | 34 +++++++++++++++++++++++++++++-----
 1 file changed, 29 insertions(+), 5 deletions(-)

(limited to 'web/public/stylesheets/style.css')

diff --git a/web/public/stylesheets/style.css b/web/public/stylesheets/style.css
index c3bd05c..0cb3232 100644
--- a/web/public/stylesheets/style.css
+++ b/web/public/stylesheets/style.css
@@ -3,9 +3,10 @@ html, body {
   overflow: hidden;
 }
 #map {
-  width: 65%;
+  width: 100%;
   height: 100%;
-  float: right;
+  position: absolute;
+  z-index: 1;
 }
 body {
   margin:0;
@@ -16,10 +17,33 @@ a {
   color:#00B7FF;
 }
 #sidebar {
-  width: 35%;
-  height: 100%;
+  top: 5px;
+  left: 5px;
+  z-index: 2;
+  width: 350px;
+  height: 250px;
+  max-height: 250px;
+  overflow: auto;
+  position: relative;
   float: left;
-  background-color: #e70000;
+  background-color: lightgrey;
+  border-radius: 10px;
+}
+#point {
+  background-color: #0CC5EA;
+  width: 90%;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 5px;
+  border-radius: 10px;
+}
+#close-btn {
+  background-color: red;
+  position: absolute;
+  right: 5px;
+  bottom: 5px;
+  border-radius: 10px;
+  width: 100px;
 }
 h1 {
   text-align: center;
-- 
cgit v1.2.3


From 2b7c39ed65c6652c24f1f5140214bae7f3438960 Mon Sep 17 00:00:00 2001
From: Samarth Agarwal <samarth.agarwal@mail.utoronto.ca>
Date: Thu, 7 Mar 2019 13:54:28 -0500
Subject: Added comments and made DOM easier to work with.

---
 web/public/stylesheets/style.css | 1 +
 1 file changed, 1 insertion(+)

(limited to 'web/public/stylesheets/style.css')

diff --git a/web/public/stylesheets/style.css b/web/public/stylesheets/style.css
index 0cb3232..06609c2 100644
--- a/web/public/stylesheets/style.css
+++ b/web/public/stylesheets/style.css
@@ -28,6 +28,7 @@ a {
   float: left;
   background-color: lightgrey;
   border-radius: 10px;
+  visibility: hidden;
 }
 #point {
   background-color: #0CC5EA;
-- 
cgit v1.2.3


From 6693b77761373a269c6d797ecb6a8eedec946e9a Mon Sep 17 00:00:00 2001
From: Samarth Agarwal <samarth.agarwal@mail.utoronto.ca>
Date: Fri, 8 Mar 2019 13:56:38 -0500
Subject: Modified Details sidebar so that the close button always stays at the
 bottom of the box and doesn't overlap any text.

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

(limited to 'web/public/stylesheets/style.css')

diff --git a/web/public/stylesheets/style.css b/web/public/stylesheets/style.css
index 06609c2..85d3f10 100644
--- a/web/public/stylesheets/style.css
+++ b/web/public/stylesheets/style.css
@@ -21,31 +21,48 @@ a {
   left: 5px;
   z-index: 2;
   width: 350px;
-  height: 250px;
-  max-height: 250px;
-  overflow: auto;
-  position: relative;
+  height: 275px;
+  max-height: 275px;
+/*  overflow: auto;
+*/  position: relative;
   float: left;
   background-color: lightgrey;
   border-radius: 10px;
   visibility: hidden;
 }
+#details-header {
+  text-align: center;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+#point-container {
+    overflow: auto;
+    max-height: 195px;
+}
 #point {
   background-color: #0CC5EA;
   width: 90%;
   margin-left: auto;
   margin-right: auto;
+  margin-bottom: 5px;
   padding: 5px;
   border-radius: 10px;
 }
+#close-btn-container {
+  position: fixed;
+  height: 30px;
+  top: 250px;
+  background-color: lightgrey;
+  width: 350px;
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+}
 #close-btn {
   background-color: red;
-  position: absolute;
-  right: 5px;
-  bottom: 5px;
+  position: relative;
+  margin-top: 4px;
+  float: right;
+  margin-right: 20px;
   border-radius: 10px;
   width: 100px;
-}
-h1 {
-  text-align: center;
-}
+}
\ No newline at end of file
-- 
cgit v1.2.3


From 66900f8cb8b7edec0ad2c5f4a4ebd21b70a3e86a Mon Sep 17 00:00:00 2001
From: Samarth Agarwal <samarth.agarwal@mail.utoronto.ca>
Date: Fri, 8 Mar 2019 15:59:58 -0500
Subject: Changed code so that the popup doesn't show up when the marker is
 clicked.

---
 web/public/stylesheets/style.css | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

(limited to 'web/public/stylesheets/style.css')

diff --git a/web/public/stylesheets/style.css b/web/public/stylesheets/style.css
index 85d3f10..d8618cd 100644
--- a/web/public/stylesheets/style.css
+++ b/web/public/stylesheets/style.css
@@ -23,8 +23,7 @@ a {
   width: 350px;
   height: 275px;
   max-height: 275px;
-/*  overflow: auto;
-*/  position: relative;
+  position: relative;
   float: left;
   background-color: lightgrey;
   border-radius: 10px;
-- 
cgit v1.2.3