Merge pull request jupyter-widgets#2394 from SylvainCorlay/fixup-numb…

…er-input-css Fix number input css
caupolicandiaz · Apr 26, 2019 · cfff9f6 · cfff9f6
2 parents beccde8 + ea7a50e
commit cfff9f6
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/controls/css/widgets-base.css b/packages/controls/css/widgets-base.css
@@ -430,12 +430,19 @@
     background-color: var(--jp-widgets-input-background-color);
     color: var(--jp-widgets-input-color);
     font-size: var(--jp-widgets-font-size);
-    padding: var(--jp-widgets-input-padding) calc( var(--jp-widgets-input-padding) *  2 );
     flex-grow: 1;
     min-width: 0; /* This makes it possible for the flexbox to shrink this input */
     flex-shrink: 1;
     outline: none !important;
 }
+
+.widget-text input[type="text"], .widget-textarea textarea {
+    padding: var(--jp-widgets-input-padding) calc( var(--jp-widgets-input-padding) *  2);
+}
+
+.widget-text input[type="number"] {
+    padding: var(--jp-widgets-input-padding) 0 var(--jp-widgets-input-padding) calc(var(--jp-widgets-input-padding) *  2);
+}
 
 .widget-textarea textarea {
     height: inherit;