Minor cleanup.

Author: toddbirchard

application/plotlydash/dashboard.py

@@ -1,5 +1,4 @@
 """Create a Dash app within a Flask app."""
-from pathlib import Path
 import dash
 import dash_table
 import dash_html_components as html
@@ -34,27 +33,27 @@ def create_dashboard(server):
     # Create Dash Layout comprised of Data Tables
     dash_app.layout = html.Div(
         children=[dcc.Graph(
-        id='histogram-graph',
-        figure={
-            'data': [
-                {
-                    'x': df['complaint_type'],
-                    'text': df['complaint_type'],
-                    'customdata': df['unique_key'],
-                    'name': '311 Calls by region.',
-                    'type': 'histogram'
+            id='histogram-graph',
+            figure={
+                'data': [
+                    {
+                        'x': df['complaint_type'],
+                        'text': df['complaint_type'],
+                        'customdata': df['unique_key'],
+                        'name': '311 Calls by region.',
+                        'type': 'histogram'
+                    }
+                ],
+                'layout': {
+                    'title': 'NYC 311 Calls category.',
+                    'height': 600,
+                    'padding': 150
                 }
+            }),
+            create_data_table(df)
             ],
-            'layout': {
-                'title': 'NYC 311 Calls category.',
-                'height': 600,
-                'padding': 150
-            }
-        }
-    ),
-        create_data_table(df)],
         id='dash-container'
-      )
+    )
 
     return dash_app.server
 

application/routes.py

@@ -1,4 +1,4 @@
-"""Routes for core Flask app."""
+"""Core Flask app routes."""
 from flask import Blueprint, render_template
 from flask import current_app as app
 

application/static/dist/css/styles.css

@@ -1,14 +1,14 @@
 .home-template {
   .container {
     width: 1000px;
-    margin: 90px auto;
+    margin: 50px auto;
   }
 
   .card {
     width: 900px;
     max-width: 93%;
     height: fit-content;
-    margin: 80px auto 0;
+    margin: 40px auto 0;
     padding: 50px;
     background: white;
     box-shadow: 0 0 5px rgba(65, 67, 144, 0.15);

application/static/less/home.less

@@ -5,7 +5,9 @@
   <img src="{{ url_for('static', filename='img/logo.png') }}" class="logo" />
   <h1 class="site-title">{{ title }}</h1>
   <p class="subtitle">Demo for embedding Plotly Dash within Flask Apps (View source on <a href="https://github.com/toddbirchard/plotlydash-flask-tutorial">Github</a>).</p>
-
-  <a href="/dashapp/" class="dash-link">Embdedded Plotly Dash <i class="fas fa-arrow-right"></i></a>
+  <a href="/dashapp/" class="dash-link">
+    <span>Embdedded Plotly Dash</span>
+    <i class="fas fa-arrow-right"></i>
+  </a>
 </div>
 {% endblock %}