#7385 fix easyform datepicker too wide (#7676)

twosigma · Jul 11, 2018 · d50df07 · d50df07
1 parent 6e415a0
commit d50df07
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/js/notebook/src/easyForm/css/jupyter-easyform.scss b/js/notebook/src/easyForm/css/jupyter-easyform.scss
@@ -13,7 +13,8 @@ $beakerxFont: "Lato", Helvetica, sans-serif;
 
   .widget-select,
   .widget-select-multiple {
-    width: 100%;
+    width: auto;
+    max-width: 100%;
     min-width: 380px;
   }
 
@@ -45,6 +46,12 @@ $beakerxFont: "Lato", Helvetica, sans-serif;
 
   .datepicker-container {
     align-items: stretch;
+
+    .form-control {
+      width: auto;
+      border-right: 0;
+      border-radius: 2px 0 0 2px;
+    }
   }
 
   .widget-box > .widget-label {