Merge pull request #42 from csc301-winter-2019/feat/32

Feat/32

1 files changed, 24 insertions, 8 deletions

diff --git a/web/public/stylesheets/style.css b/web/public/stylesheets/style.css
index d8618cd..ece8da4 100644
--- a/web/public/stylesheets/style.css
+++ b/web/public/stylesheets/style.css
@@ -21,8 +21,6 @@ a {
   left: 5px;
   z-index: 2;
   width: 350px;
-  height: 275px;
-  max-height: 275px;
   position: relative;
   float: left;
   background-color: lightgrey;
@@ -34,11 +32,11 @@ a {
   margin-top: 10px;
   margin-bottom: 10px;
 }
-#point-container {
-    overflow: auto;
-    max-height: 195px;
+#report-container {
+  overflow: auto;
+  max-height: 500px;
 }
-#point {
+#report {
   background-color: #0CC5EA;
   width: 90%;
   margin-left: auto;
@@ -46,9 +44,27 @@ a {
   margin-bottom: 5px;
   padding: 5px;
   border-radius: 10px;
+  display: flex;
+  justify-content: flex-end;
+  flex-direction: column;
+}
+#report strong {
+  font-size: 22px;
+  font-style: italic;
+  margin: auto;
+  padding: 5px;
+}
+#report span {
+  background-color: white;
+  padding: 15px;
+  border-radius: 10px;
+  font-weight: lighter;
+  font-size: large;
+  text-align: center;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
 }
 #close-btn-container {
-  position: fixed;
   height: 30px;
   top: 250px;
   background-color: lightgrey;
@@ -64,4 +80,4 @@ a {
   margin-right: 20px;
   border-radius: 10px;
   width: 100px;
-}
\ No newline at end of file
+}