I'm really struggling with this stupid date field.  I don't know what i'm doing but i've been playing with it for awhile and I can't get it to display correctly at 100px it looks like the first image and at 400px it looks like the 2nd image.  However 400px on mobile is huge and i don't have any other fields at 400px to get them that big.  Why won't it enlarge like the rest of the fields.  If I add #q20 .cf-small {width: 100%;} then it puts the calendar icon on the bottom but the pixels look okay.  Any idea on how to properly format the date field.  It always gives me problems anytime I use it.  

#q20 {
   display: inline-block; 
   vertical-align:top;
   width: 150px;
   margin: 0px;
   padding-right:0px;
   padding-left:10px;
   padding-top: 10px;
   padding-bottom: 0px;}
#q20 .cf-field {width: 400px;}