Used bootstrap button size classes
This commit is contained in:
parent
08c37fd80b
commit
df87f5f4e6
3 changed files with 10 additions and 12 deletions
|
@ -1,12 +1,10 @@
|
|||
// Place all the styles related to the Orders controller here.
|
||||
// They will automatically be included in application.css.
|
||||
// You can use Sass (SCSS) here: http://sass-lang.com/
|
||||
@media screen and (max-width: 991px) {
|
||||
.btn.btn-default{
|
||||
width:100px;
|
||||
height:60px;
|
||||
}
|
||||
.form-control.row_counter{
|
||||
height:60px;
|
||||
}
|
||||
.form-control.input-lg{
|
||||
height:65px;
|
||||
}
|
||||
.big-form-button{
|
||||
height:65px;
|
||||
width:65px;
|
||||
}
|
||||
|
|
|
@ -49,7 +49,7 @@ class FormattedFormBuilder < ActionView::Helpers::FormBuilder
|
|||
def counter(name, options = {})
|
||||
form_group_builder(name, options) do
|
||||
counter_button("btn-dec", "glyphicon-minus") +
|
||||
text_field_without_format(name, options) +
|
||||
text_field_without_format(name, options.merge({class: 'form-control input-lg row_counter'})) +
|
||||
counter_button("btn-inc", "glyphicon-plus")
|
||||
end
|
||||
end
|
||||
|
@ -164,8 +164,8 @@ class FormattedFormBuilder < ActionView::Helpers::FormBuilder
|
|||
|
||||
def counter_button(button, glyphicon)
|
||||
content_tag :span, class: "input-group-btn" do
|
||||
content_tag :button, class: "btn btn-default #{button}", type: "button" do
|
||||
content_tag :span, "", class: "glyphicon #{glyphicon}"
|
||||
content_tag :button, class: "btn btn-default btn-lg #{button}", type: "button" do
|
||||
content_tag :span, "", class: "glyphicon btn-lg #{glyphicon}"
|
||||
end
|
||||
end
|
||||
end
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<span class="input-group-addon">€</span>
|
||||
<%= f.number_field :total_price, skip_label: true, step: :any, class: 'form-control input-lg' %>
|
||||
<span class="input-group-btn">
|
||||
<%= f.submit "Order!", class: "btn btn-primary input-lg" %>
|
||||
<%= f.submit "Order!", class: "btn btn-primary big-form-button" %>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue