Jump to content
  • 0

инпуты слишком прижаты друг к другу сверху и снизу


mstdmstd
 Share

Question

Всем привет,
У меня есть содержимое закладки которое я пытаюсь удобно расположить
И как бы все на месте но инпуты слишком прижаты друг к другу сверху и снизу
http://s020.radikal.ru/i707/1410/0a/bbf4a69f5537.png

Я пытался в стилях дива группы прописать padding-top и padding-bottom

<div class="form-group" style="padding-top: 6px; padding-bottom: 6px; border: 1px dotted green;" >

но это не помогло

Также удивило что задав синий и красный бордюр для 2х дивов они отображаются узким полосками
Видимо эти отступы нужно делать не так ?

Весь блок:
 

<div class="tab-pane animated fadeInUp country_ajaxed {if ( $scheduleType == "days" or $scheduleType == "" ) or $mode == "add"}active{/if}" id="tab-specific-days"><div class="row"><div class="col-md-1"></div><div class="col-md-4"><p>{"Please select a specified days"|translate}:</p><div id="days_calendar"></div></div><div class="col-md-6 text-right"><div class="text-left"><p>{"Please fill your schedule"|translate}:</p></div><div class="form-group" style="padding-top: 6px; padding-bottom: 6px;" ><label class="col-sm-3 control-label" for="sched_days_slots">{"Slots"|translate}:</label><div class="col-sm-3"><input class="form-control" name="sched_days_slots" id="sched_days_slots" value="{$Schedule->slots}" onchange="javascript:dataModified('days');" /></div><label style="padding-left: 0px; padding-right: 0px;" class="col-sm-3 control-label" for="sched_days_price">{"Price"|translate} {$CurrentUser->Company()->Currency()->iso_code}:</label><div class="col-sm-3"><input class="form-control" name="sched_days_price" id="sched_days_price" value="{$Schedule->price}" onchange="javascript:dataModified('days');" /></div></div><div class="form-group" style="padding-top: 6px; padding-bottom: 6px;" ><label class="col-sm-3 control-label" for="sched_days_is_outcall" >Outcall class:</label><div class="col-sm-9"><input type="checkbox" value="1" id="sched_days_is_outcall" name="sched_days_is_outcall" placeholder="{"Outcall class"|translate}" {if $Schedule->is_outcall eq 1}checked{/if} onchange="javascript:sched_days_is_outcallOnchange();dataModified('days');" ></div></div><div class="form-group" style="padding-top: 6px; padding-bottom: 6px;" ><label class="col-sm-3 control-label" for="">Outcall Class Location:</label><div class="col-sm-9 text-left"><textarea class="form-control" id="sched_days_outcall_class_location" name="sched_days_outcall_class_location" placeholder="{"Outcall Class Location"|translate}" rows="8" cols="40" onchange="javascript:dataModified('days');" >{$Schedule->outcall_class_location}</textarea></div></div><div class="form-group" style="padding-top: 6px; padding-bottom: 6px;" ><label class="col-sm-3 control-label" for="sched_days_branch_id">{"Location"|translate}:</label><div class="col-sm-9"><select class="form-control" name="sched_days_branch_id" id="sched_days_branch_id" onchange="javascript:dataModified('days');" ><option value="">Select Location</option>{foreach from=$Branches item=Item}<option {if $Schedule->branch_id == $Item->id}selected{/if} value="{$Item->id}">{$Item->City()->title}, {$Item->address_1} {$Item->address_2}</option>{/foreach}</select></div></div><div class="form-group" style="margin-top: 6px; padding-bottom: 6px; border: 1px dotted red;" ><label class="col-sm-3 control-label" for="sched_days_time_start">{"From"|translate}:</label><div class="col-sm-3"><input class="form-control time-select" name="sched_days_time_start" id="sched_days_time_start" value="{$Schedule->sched_days_time_start|date_format:"%H:%M"}" onchange="javascript:dataModified('days');" /></div><label class="col-sm-3 control-label" for="sched_days_time_end">{"to"|translate}:</label><div class="col-sm-3"><input class="form-control time-select" name="sched_days_time_end" id="sched_days_time_end" value="{$Schedule->sched_days_time_end|date_format:"%H:%M"}" onchange="javascript:dataModified('days');" /></div></div><div class="form-group" style="padding-top: 6px; padding-bottom: 6px; border: 1px dotted green;" ><label class="col-sm-3 control-label" for="sched_days_instructor">{"Instructor"|translate}:</label><div class="col-sm-5"><select class="form-control" name="sched_days_instructor" id="sched_days_instructor" onchange="javascript:dataModified('days');" >{foreach from=$Instructors item=User}<option {if $Schedule->instructor_id == $User->id}selected{/if} value="{$User->id}">{$User->firstname} {$User->lastname}</option>{/foreach}</select></div></div></div></div></div> <!-- tab-specific-days -->
Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy