Update layout

UBC-MDS · Feb 6, 2021 · b4b9aff · b4b9aff
1 parent 35954bd
commit b4b9aff
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 19 deletions.
diff --git 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
@@ -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%
-}
+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
@@ -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(