Merge pull request #7872 from jdfreder/interact-styling

Remove padding without breaking interact style.

IPython/html/static/style/ipython.min.css

@@ -1195,6 +1195,10 @@ h6:hover .anchor-link {
   font-size: 100%;
   font-style: italic;
 }
+.widget-interact > div,
+.widget-interact > input {
+  padding: 2.5px;
+}
 .widget-area {
   /*
     LESS file that styles IPython notebook widgets and the area they sit in.

IPython/html/static/style/style.min.css

@@ -9978,6 +9978,10 @@ h6:hover .anchor-link {
   font-size: 100%;
   font-style: italic;
 }
+.widget-interact > div,
+.widget-interact > input {
+  padding: 2.5px;
+}
 .widget-area {
   /*
     LESS file that styles IPython notebook widgets and the area they sit in.

IPython/html/static/widgets/less/widgets.less

@@ -1,6 +1,13 @@
 @widget-width: 350px;
 @widget-width-short: 150px;
 
+// Pad interact widgets by default.
+.widget-interact {
+    >div, >input {
+        padding: 2.5px;
+    }
+}
+
 .widget-area {
     /*
     LESS file that styles IPython notebook widgets and the area they sit in.

IPython/html/widgets/interaction.py

@@ -181,7 +181,7 @@ def interactive(__interact_f, **kwargs):
     co = kwargs.pop('clear_output', True)
     manual = kwargs.pop('__manual', False)
     kwargs_widgets = []
-    container = Box()
+    container = Box(_dom_classes=['widget-interact'])
     container.result = None
     container.args = []
     container.kwargs = dict()

IPython/html/widgets/widget.py

@@ -435,7 +435,7 @@ class DOMWidget(Widget):
     width = CUnicode(sync=True)
     height = CUnicode(sync=True)
     # A default padding of 2.5 px makes the widgets look nice when displayed inline.
-    padding = CUnicode("2.5px", sync=True)
+    padding = CUnicode(sync=True)
     margin = CUnicode(sync=True)
 
     color = Unicode(sync=True)