Date picker (calendar icon) location

On desktop view, calendar icon displays next to the date field, but on mobile, the calendar icon displays beneath the date field.

Is there a way to have it display next to the date field in both views?

I am looking for a way of moving it on mobile but there is quite a bit of other CSS applied to sift through.  I will continue looking and update you as soon as I have found a solution.

Adding the following code should move the calendar to the same position on mobile:

@media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 800px) and (orientation: landscape) {
#input_5_pick{
   display : inline !important;
   position : absolute!important;
   margin-left : 110px;
   margin-top : -40px;
   }
}

Here is my test form to show how it would look:

https://form.jotform.com/82474943588978

After copying your CSS into my editor, saving the code and returning to form builder, the mobile view did not change. I reopened the CSS editor and the code appears to have been removed- even though I saved it before exiting.

Try adding it in the CSS section of the design menu instead of the advanced designer. 

I am not sure why it is stripping it from the advanced designer, it doesn't seem to be doing so on my end.