use bootstrap for layout

Author: geeksville

meshtastic/analysis/__main__.py

@@ -8,6 +8,7 @@
 import pyarrow as pa
 import pyarrow.feather as feather
 from dash import Dash, Input, Output, callback, dash_table, dcc, html
+import dash_bootstrap_components as dbc
 
 from .. import mesh_pb2, powermon_pb2
 
@@ -83,7 +84,9 @@ def to_pmon_name(n):
 
 def create_dash():
     """Create a Dash application for visualizing power consumption data."""
-    app = Dash()
+    app = Dash(
+        external_stylesheets=[dbc.themes.BOOTSTRAP]
+    )
 
     def set_legend(f, name):
         f["data"][0]["showlegend"] = True

poetry.lock

@@ -7,7 +7,7 @@ license = "GPL-3.0-only"
 readme = "README.md"
 
 [tool.poetry.dependencies]
-python = "^3.9,<3.13"                                             # 3.9 is needed for pandas, bleak requires a max of 3.13 for some reason
+python = "^3.9,<3.13"                                               # 3.9 is needed for pandas, bleak requires a max of 3.13 for some reason
 pyserial = "^3.5"
 protobuf = ">=5.26.0"
 dotmap = "^1.3.30"
@@ -29,6 +29,7 @@ platformdirs = "^4.2.2"
 print-color = "^0.4.6"
 dash = { version = "^2.17.1", optional = true }
 pytap2 = { version = "^2.3.0", optional = true }
+dash-bootstrap-components = { version = "^1.6.0", optional = true }
 
 [tool.poetry.group.dev.dependencies]
 hypothesis = "^6.103.2"
@@ -47,7 +48,7 @@ types-setuptools = "^69.5.0.20240423"
 types-pyyaml = "^6.0.12.20240311"
 pyarrow-stubs = "^10.0.1.7"
 
-# If you are doing power analysis you probably want these extra devtools
+# If you are doing power analysis you might want these extra devtools
 [tool.poetry.group.analysis]
 optional = true
 
@@ -60,7 +61,7 @@ jupyterlab-widgets = "^3.0.11"
 
 [tool.poetry.extras]
 tunnel = ["pytap2"]
-analysis = [ "dash" ]
+analysis = ["dash", "dash-bootstrap-components"]
 
 [tool.poetry.scripts]
 meshtastic = "meshtastic.__main__:main"