Repository: bokeh/bokeh

Issue:
Custom Widget in doc strange display in 1.1.0dev6
I was looking at custom examples in doc for version 1.1.0
https://bokeh.pydata.org/en/dev/docs/user_guide/extensions_gallery/

and I noticed some difference in the Custom Widget example : 
 - 1.0.4 :
 
![image](https://user-images.githubusercontent.com/18531147/53246996-79f9bf80-36b2-11e9-879b-4213dfba286e.png)

 - 1.1.0dev6 :

![image](https://user-images.githubusercontent.com/18531147/53247030-97c72480-36b2-11e9-8e77-7f7861d4f0aa.png)





Discussion:
Also needs update after PR #8689.
`custom/font-awesome` needs an update as well.

Resolving patch:
diff --git a/examples/plotting/file/css_classes.py b/examples/plotting/file/css_classes.py
--- a/examples/plotting/file/css_classes.py
+++ b/examples/plotting/file/css_classes.py
@@ -6,14 +6,14 @@
 template = """
 {% block postamble %}
 <style>
-.custom {
+.bk.custom {
     border-radius: 0.5em;
     padding: 1em;
 }
-.custom-1 {
+.bk.custom-1 {
     border: 3px solid #2397D8;
 }
-.custom-2 {
+.bk.custom-2 {
     border: 3px solid #14999A;
     background-color: whitesmoke;
 }
@@ -26,11 +26,11 @@
 div1 = Div(text="""
 <p> This Bokeh Div adds the style classes:<p>
 <pre>
-.custom {
+.bk.custom {
     border-radius: 0.5em;
     padding: 1em;
 }
-.custom-1 {
+.bk.custom-1 {
     border: 3px solid #2397D8;
 }
 </pre>
@@ -40,11 +40,11 @@
 div2 = Div(text="""
 <p> This Bokeh Div adds the style classes:<p>
 <pre>
-.custom {
+.bk.custom {
     border-radius: 0.5em;
     padding: 1em;
 }
-.custom-2 {
+.bk.custom-2 {
     border: 3px solid #14999A;
     background-color: whitesmoke;
 }


Test patch:
diff --git a/tests/baselines/examples/app/movies b/tests/baselines/examples/app/movies
--- a/tests/baselines/examples/app/movies
+++ b/tests/baselines/examples/app/movies
@@ -1,7 +1,7 @@
-Column bbox=[0, 0, 1010, 758]
-  Row bbox=[0, 0, 810, 158]
-    Div bbox=[5, 5, 800, 148]
-  Row bbox=[0, 158, 1010, 600]
+Column bbox=[0, 0, 1010, 822]
+  Row bbox=[0, 0, 810, 222]
+    Div bbox=[5, 5, 800, 212]
+  Row bbox=[0, 222, 1010, 600]
     Column bbox=[0, 0, 310, 545]
       Slider bbox=[5, 5, 300, 39]
       Slider bbox=[5, 54, 300, 39]
diff --git a/tests/baselines/examples/howto/layouts/words_and_plots b/tests/baselines/examples/howto/layouts/words_and_plots
--- a/tests/baselines/examples/howto/layouts/words_and_plots
+++ b/tests/baselines/examples/howto/layouts/words_and_plots
@@ -1,7 +1,7 @@
-Column bbox=[0, 0, 984, 1021]
-  Row bbox=[0, 0, 984, 148]
-    Div bbox=[5, 5, 974, 138]
-  Row bbox=[0, 148, 984, 492]
+Column bbox=[0, 0, 984, 1101]
+  Row bbox=[0, 0, 984, 228]
+    Div bbox=[5, 5, 974, 218]
+  Row bbox=[0, 228, 984, 492]
     Paragraph bbox=[5, 5, 482, 247]
     Plot bbox=[492, 0, 492, 492]
       Legend bbox=[48, 29, 414, 40]
@@ -10,9 +10,9 @@ Column bbox=[0, 0, 984, 1021]
       Legend bbox=[48, 29, 414, 40]
       Title bbox=[48, 0, 414, 29]
       ToolbarPanel bbox=[462, 69, 30, 378]
-  Row bbox=[0, 640, 984, 124]
+  Row bbox=[0, 720, 984, 124]
     Paragraph bbox=[5, 5, 974, 114]
-  Row bbox=[0, 764, 984, 257]
+  Row bbox=[0, 844, 984, 257]
     Plot bbox=[0, 0, 492, 246]
       DatetimeAxis bbox=[31, 222, 456, 24]
       LinearAxis bbox=[0, 29, 31, 193]
diff --git a/tests/baselines/examples/models/file/anscombe b/tests/baselines/examples/models/file/anscombe
--- a/tests/baselines/examples/models/file/anscombe
+++ b/tests/baselines/examples/models/file/anscombe
@@ -1,6 +1,6 @@
-Column bbox=[0, 0, 984, 886]
-  Div bbox=[5, 5, 974, 76]
-  GridBox bbox=[0, 86, 800, 800]
+Column bbox=[0, 0, 984, 936]
+  Div bbox=[5, 5, 974, 126]
+  GridBox bbox=[0, 136, 800, 800]
     Plot bbox=[0, 0, 400, 400]
       LinearAxis bbox=[24, 376, 371, 24]
       LinearAxis bbox=[0, 29, 24, 347]
diff --git a/tests/baselines/examples/plotting/file/airports_map b/tests/baselines/examples/plotting/file/airports_map
--- a/tests/baselines/examples/plotting/file/airports_map
+++ b/tests/baselines/examples/plotting/file/airports_map
@@ -1,6 +1,6 @@
-Column bbox=[0, 0, 830, 448]
-  Div bbox=[5, 5, 800, 38]
-  Row bbox=[0, 48, 830, 400]
+Column bbox=[0, 0, 830, 475]
+  Div bbox=[5, 5, 800, 65]
+  Row bbox=[0, 75, 830, 400]
     GridBox bbox=[0, 0, 800, 400]
       Plot bbox=[0, 0, 400, 400]
         LinearAxis bbox=[5, 395, 390, 0]
diff --git a/tests/baselines/examples/plotting/file/css_classes b/tests/baselines/examples/plotting/file/css_classes
--- a/tests/baselines/examples/plotting/file/css_classes
+++ b/tests/baselines/examples/plotting/file/css_classes
@@ -1,4 +1,4 @@
-Column bbox=[0, 0, 310, 463]
+Column bbox=[0, 0, 310, 543]
   Paragraph bbox=[5, 5, 300, 38]
-  Div bbox=[5, 53, 276, 188]
-  Div bbox=[5, 251, 300, 207]
+  Div bbox=[5, 53, 276, 228]
+  Div bbox=[5, 291, 300, 247]
diff --git a/tests/baselines/examples/plotting/file/scatter_selection b/tests/baselines/examples/plotting/file/scatter_selection
--- a/tests/baselines/examples/plotting/file/scatter_selection
+++ b/tests/baselines/examples/plotting/file/scatter_selection
@@ -1,6 +1,6 @@
-Column bbox=[0, 0, 984, 767]
-  Div bbox=[5, 5, 974, 57]
-  Row bbox=[0, 67, 730, 700]
+Column bbox=[0, 0, 984, 807]
+  Div bbox=[5, 5, 974, 97]
+  Row bbox=[0, 107, 730, 700]
     GridBox bbox=[0, 0, 700, 700]
       Plot bbox=[0, 0, 350, 350]
         LinearAxis bbox=[31, 326, 314, 24]
diff --git a/tests/baselines/examples/plotting/file/slider_callback_policy b/tests/baselines/examples/plotting/file/slider_callback_policy
--- a/tests/baselines/examples/plotting/file/slider_callback_policy
+++ b/tests/baselines/examples/plotting/file/slider_callback_policy
@@ -1,5 +1,5 @@
-Column bbox=[0, 0, 310, 252]
+Column bbox=[0, 0, 310, 328]
   Slider bbox=[5, 5, 300, 39]
   Slider bbox=[5, 54, 300, 39]
   Slider bbox=[5, 103, 300, 39]
-  Div bbox=[5, 152, 175, 95]
+  Div bbox=[5, 152, 175, 171]
diff --git a/tests/baselines/sphinx/source/docs/user_guide/examples/extensions_example_widget b/tests/baselines/sphinx/source/docs/user_guide/examples/extensions_example_widget
--- a/tests/baselines/sphinx/source/docs/user_guide/examples/extensions_example_widget
+++ b/tests/baselines/sphinx/source/docs/user_guide/examples/extensions_example_widget
@@ -1,8 +1,8 @@
-Column bbox=[0, 0, 400, 557]
+Column bbox=[0, 0, 400, 574]
   Plot bbox=[0, 0, 400, 400]
     LinearAxis bbox=[27, 376, 343, 24]
     LinearAxis bbox=[0, 5, 27, 371]
     Title bbox=[27, 5, 343, 0]
     ToolbarPanel bbox=[370, 5, 30, 371]
   Slider bbox=[5, 405, 390, 39]
-  IonRangeSlider bbox=[5, 454, 390, 98]
+  IonRangeSlider bbox=[5, 454, 390, 115]