From bf2b97832c3746e3f7f18c6aec253c76124e5564 Mon Sep 17 00:00:00 2001 From: Kumar Damani Date: Fri, 15 Mar 2019 17:22:56 -0400 Subject: added FE web updates for displaying new form report. minor ui enchancements --- web/public/stylesheets/style.css | 29 ++++++++++++++++++++++------- 1 file changed, 22 insertions(+), 7 deletions(-) (limited to 'web/public/stylesheets/style.css') diff --git a/web/public/stylesheets/style.css b/web/public/stylesheets/style.css index d8618cd..429a8f2 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 { +#report-container { overflow: auto; - max-height: 195px; + max-height: 750px; } -#point { +#report { background-color: #0CC5EA; width: 90%; margin-left: auto; @@ -46,9 +44,26 @@ a { margin-bottom: 5px; padding: 5px; border-radius: 10px; + display: flex; + flex-flow: row wrap; + 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; } #close-btn-container { - position: fixed; height: 30px; top: 250px; background-color: lightgrey; @@ -64,4 +79,4 @@ a { margin-right: 20px; border-radius: 10px; width: 100px; -} \ No newline at end of file +} -- cgit v1.2.3 From c1c607231c344185061d0b042374728cfb89b8a4 Mon Sep 17 00:00:00 2001 From: Kumar Damani Date: Fri, 15 Mar 2019 17:29:30 -0400 Subject: code cleanup --- web/public/stylesheets/style.css | 22 +++++++++++----------- 1 file changed, 11 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 429a8f2..74660a8 100644 --- a/web/public/stylesheets/style.css +++ b/web/public/stylesheets/style.css @@ -33,8 +33,8 @@ a { margin-bottom: 10px; } #report-container { - overflow: auto; - max-height: 750px; + overflow: auto; + max-height: 750px; } #report { background-color: #0CC5EA; @@ -44,19 +44,19 @@ a { margin-bottom: 5px; padding: 5px; border-radius: 10px; - display: flex; - flex-flow: row wrap; - justify-content: flex-end; - flex-direction: column; + display: flex; + flex-flow: row wrap; + justify-content: flex-end; + flex-direction: column; } #report strong { - font-size: 22px; - font-style: italic; - margin: auto; - padding: 5px; + font-size: 22px; + font-style: italic; + margin: auto; + padding: 5px; } #report span { - background-color: white; + background-color: white; padding: 15px; border-radius: 10px; font-weight: lighter; -- cgit v1.2.3 From 7cbb77be44854015b943d5a2147fe188bd0132f1 Mon Sep 17 00:00:00 2001 From: Kumar Damani Date: Tue, 19 Mar 2019 22:25:19 -0400 Subject: fixing ui bugs. 1. side bar max height reduced to 500px. 2. fix for words too long --- web/public/stylesheets/style.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'web/public/stylesheets/style.css') diff --git a/web/public/stylesheets/style.css b/web/public/stylesheets/style.css index 74660a8..ece8da4 100644 --- a/web/public/stylesheets/style.css +++ b/web/public/stylesheets/style.css @@ -34,7 +34,7 @@ a { } #report-container { overflow: auto; - max-height: 750px; + max-height: 500px; } #report { background-color: #0CC5EA; @@ -45,7 +45,6 @@ a { padding: 5px; border-radius: 10px; display: flex; - flex-flow: row wrap; justify-content: flex-end; flex-direction: column; } @@ -62,6 +61,8 @@ a { font-weight: lighter; font-size: large; text-align: center; + overflow-wrap: break-word; + word-wrap: break-word; } #close-btn-container { height: 30px; -- cgit v1.2.3