Inputs issues

[alec-c4]

Hi! Could you tell me please how to fix it?

1 - I cannot change size of input field to match text size 2 - I added datetimepicker, but I see something wrong with borders :(

.page-header data-parallax="true" style="background-image: url('/images/sections/dog-face.jpg');"
  .filter
  .content-center
    .container
      .row
        .col-md-8.ml-auto.mr-auto.text-center
          h1.title = gettext "We will take care of your pet!"
          h4.description = gettext "Platform for solving daily issues of pet owners"
          br/
        .col-md-10.ml-auto.mr-auto
          .card.card-raised.card-form-horizontal.no-transition
            .card-body
              form action="" method="" 
                .row
                  .col-md-3
                    .form-group
                      select.selectpicker data-menu-style="dropdown-info" name="huge" 
                        option disabled="disabled" selected="selected"  = gettext "I'm looking for"
                        option value="1"  =gettext "Veterinary"
                        option value="1"  =gettext "Pet care"
                        option value="1"  =gettext "Find pet friendly cafe"
                        option value="1"  =gettext "Buy pet stuff"
                        option value="1"  =gettext "Buy new pet"
                        option value="1"  =gettext "Pet from shelter"
                        option value="1"  =gettext "Find my pet"
                        option value="1"  =gettext "Find owner of lost pet i found"

                  .col-md-3
                    .form-group
                      input.form-control placeholder="Where" type="text" value=""
                  .col-md-3
                    .form-group
                      #datetimepicker.input-group.date
                        input.form-control.datetimepicker placeholder="When" type="text" value=""
                  .col-md-3
                    button.btn.btn-danger.btn-block type="button" 
                      i.nc-icon.nc-zoom-split
                      |   
                      = gettext "Search"

[groovemen]

Hello @alec-c4, thank you for using our product, please provide us a link to your project because I have to inspect the elements and I can't figure out from this picture what's wrong. Probably a padding is missing. Best, Stefan

[alec-c4]

@groovemen I've deployed it to Heroku, please have a look https://cosmozoo.herokuapp.com

[alec-c4]

@groovemen any ideas?

[groovemen]

Hello @alec-c4, I'm sorry for the waiting time; I checked the link above and it looks like there is a style that cancels the border-left/right in this file: assets/application-ce3d5ee21b046f21cd47ba720fa28016e82f118d9514b87bab5c91d7a3eb8b54.css.

You can see in the picture below.

[alec-c4]

@groovemen you know - it is defined in paper-kit.css file from theme

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-left: 0 none;
}

[groovemen]

@alec-c4, Yes, I do! We are working at the moment for the update, so we'll fix this issue asap!