Date and time in date picker on one line please

  • AceCo
    Asked on February 14, 2020 at 7:18 AM

    At the moment the data picker widget extends over two lines:

    1581682612Snap 2020 Screenshot 10

    I would like it all on one line like this:

    1581682659Snap 2020 Screenshot 21

    Can you tell me how to achieve this please

    Thank you

  • John Support Team Lead
    Replied on February 14, 2020 at 7:36 AM

    Please try adding this code below to your custom CSS codes:

    span.allowTime-container {

        float: right;

        margin-right: -40px;

    }

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

    span.allowTime-container {

        float: none!important;

    }

    }

    This will keep the time field aligns with the date field on desktop, then resets its position when viewed on mobile.

    Please try that and let us know how it goes.

  • AceCo
    Replied on February 14, 2020 at 8:07 AM

    Worked a treat!!!

    Thank you very much for both the very quick reply and your expertise.