Adjust the hour and minute field more to the right.

  • mberman
    Asked on May 12, 2016 at 9:51 PM
     
     
    how do I leave a little farther this icon of date because it is covering the number of hours, it appears on my phone galaxy note 4. I put the screen shot as is appearing on the mobile screen. I need the hours and minutes become more right to the icon to insert the date do not cover the numbers.
    Please if you can solve for me.
    Thank you
    Jotform Thread 838246 Screenshot
  • Chriistian Jotform Support
    Replied on May 12, 2016 at 10:41 PM

    Please inject the custom css below to move the hour and minute field to the right:

    @media only screen and (max-width: 500px) {

    .allowTime-container .form-sub-label-container:nth-of-type(2) {

        margin-left: 20px!important;

    }

    }

    To inject the css, simply follow this guide: How To Inject Custom CSS

    Adjust the hour and minute field more to the right Screenshot 20

  • mberman
    Replied on May 12, 2016 at 11:44 PM
    I try but no work
    ...
  • Chriistian Jotform Support
    Replied on May 13, 2016 at 1:41 AM

    There appears to be an error in the css, which is why the injected css is not being applied.

    To resolve the issue, please go to the Form Designer.

    Adjust the hour and minute field more to the right Screenshot 40

    Then click on the CSS tab and add an rbrace } in the lines seen below.

    Adjust the hour and minute field more to the right Screenshot 51

    Once you have added the }, the css should look like the screenshot below.

    Adjust the hour and minute field more to the right Screenshot 62

    Save the design and the injected css should now be applied.