diff --git a/src/python/app.py b/src/python/app.py index 85ca5e4..a0df446 100644 --- a/src/python/app.py +++ b/src/python/app.py @@ -38,21 +38,24 @@ alt.themes.enable("ggplot2") app.title = "Covid-19 Data Portal" dashboard_heading = "Covid-19 Data Portal" +last_updated = "Last Updated: " + data_reader.last_updated.strftime("%m/%d/%Y") app.layout = dbc.Container( [ dbc.Row( - dbc.Col( + [ html.Div( - [ - html.H1(dashboard_heading), - html.H6( - "Data Last Updated: " - + data_reader.last_updated.strftime("%m/%d/%Y") - ), - ] + dashboard_heading, + style={ + "font-size": "30pt", + "text-align": "center", + "left": "0%", + "right": "0%", + }, ), - className="heading", - ) + html.Div(className="space"), + html.Div(last_updated, style={"font-size": "14pt", "right": "0px"}), + ], + className="heading", ), dbc.Row( [ diff --git a/src/python/assets/css/covid-dash.css b/src/python/assets/css/covid-dash.css index 13ae5dd..b5fdd42 100644 --- a/src/python/assets/css/covid-dash.css +++ b/src/python/assets/css/covid-dash.css @@ -13,9 +13,10 @@ } .heading{ - text-align: center; background-color: black; - color:white + color:white; + place-items: center; + place-content: center; } .footer{ @@ -39,8 +40,17 @@ text-align: center; } -.body { - overflow: hidden; /* Hide scrollbars */ - width: 100%, - height: 100% -} \ No newline at end of file +body { + width: 100%; + height: 100%; + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} + +.space{ + width:50px +} + +body::-webkit-scrollbar { + display: none; +} diff --git a/src/python/components/left_panel.py b/src/python/components/left_panel.py index 6f168dd..18fb21a 100644 --- a/src/python/components/left_panel.py +++ b/src/python/components/left_panel.py @@ -34,7 +34,7 @@ def __init__(self, datamodel): id="chart_cases_ranking", style={ "border-width": "0", - "width": "400px", + "width": "450px", "height": "800px", }, ) @@ -112,7 +112,7 @@ def __create_ranking_bar_chart(self, data, type): title=alt.TitleParams( text="Top 30 Countries", subtitle="By " + type + " Cases" ), - width=190, + width=290, ) .mark_bar() .encode(