Wider TimeField styling

Account for HTML5 time fields which have a “clear” button rendered in the field by the browser
open-sausages · Mar 31, 2017 · 0b31b48 · 0b31b48
1 parent 7c6e6e5
commit 0b31b48
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/client/dist/js/bundle.js b/client/dist/js/bundle.js
diff --git a/client/dist/styles/bundle.css b/client/dist/styles/bundle.css
@@ -8872,7 +8872,7 @@ fieldset{
 }
 
 .field input.time{
-  width:88px;
+  width:112px;
 }
 
 .field.remove-splitter{

diff --git a/client/src/styles/legacy/_forms.scss b/client/src/styles/legacy/_forms.scss
@@ -305,7 +305,7 @@ form.small .field, .field.small {
   }
 
 	input.time {
-		width: ($grid-x * 11); // smaller time field, since input is restricted
+		width: ($grid-x * 14); // smaller time field, since input is restricted
 	}
 
 	/* Hides borders in settings/access. Activated from JS */