fix: Fixed broken gridding after bokeh 3.0.x update (#153)

* Fixed broken gridding from bokeh3.0 update

* Black

* linting

Author: RobGeada

src/trustyai/utils/tyrus.py

@@ -282,10 +282,10 @@ def _get_byproduct_cf_plot(self):
             ][0]
             source = ColumnDataSource(self.cf_data_source)
             plot = figure(
-                sizing_mode="stretch_both",
                 title="Available Counterfactuals",
                 tools=["crosshair"],
                 tooltips="@{{Tooltip {}}}".format(output_name),
+                sizing_mode="stretch_both",
             )
             plot.xgrid.grid_line_color = None
             plot.xaxis.axis_label = "Counterfactual House Value"
@@ -328,19 +328,27 @@ def _get_plots(self):
                 tabs=[
                     TabPanel(child=lime_figures[k], title="LIME"),
                     TabPanel(
-                        child=Div(text=LIME_TEXT.format(output_html(title))),
+                        child=Div(
+                            text=LIME_TEXT.format(output_html(title)),
+                            styles={"overflow-y": "scroll"},
+                        ),
                         title="About LIME",
                     ),
-                ]
+                ],
+                sizing_mode="stretch_both",
             )
             shap_tabbed = Tabs(
                 tabs=[
                     TabPanel(child=shap_figures[k], title="SHAP"),
                     TabPanel(
-                        child=Div(text=SHAP_TEXT.format(output_html(title))),
+                        child=Div(
+                            text=SHAP_TEXT.format(output_html(title)),
+                            styles={"overflow-y": "scroll"},
+                        ),
                         title="About SHAP",
                     ),
-                ]
+                ],
+                sizing_mode="stretch_both",
             )
 
             cf_tabbed = Tabs(
@@ -352,15 +360,19 @@ def _get_plots(self):
                         ),
                         title="About Counterfactuals",
                     ),
-                ]
+                ],
+                sizing_mode="stretch_both",
             )
 
+            # trustyai_content = row(column(lime_tabbed, shap_tabbed), cf_tabbed)
+
             trustyai_content = GridBox(
                 children=[
                     (lime_tabbed, 0, 0, 1, 1),
                     (shap_tabbed, 1, 0, 1, 1),
                     (cf_tabbed, 0, 1, 2, 2),
-                ]
+                ],
+                sizing_mode="stretch_width",
             )
             joint = column(
                 Div(
@@ -369,11 +381,10 @@ def _get_plots(self):
                     )
                 ),
                 trustyai_content,
-                sizing_mode="scale_width",
             )
             tabs.append(TabPanel(child=joint, title=title))
 
-        full_dash = Tabs(tabs=tabs, sizing_mode="scale_width")
+        full_dash = Tabs(tabs=tabs, sizing_mode="scale_both")
         return full_dash
 
     def run(self, display=True):