messages: fix Send button being clipped on mobile screens
This commit is contained in:
parent
263c94c2b5
commit
46b4d3c46b
2 changed files with 5 additions and 1 deletions
|
@ -24,4 +24,8 @@
|
||||||
&.justify-start {
|
&.justify-start {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.wrap {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
= form_for(commentaire, url: form_url, html: { class: 'form' }) do |f|
|
= form_for(commentaire, url: form_url, html: { class: 'form' }) do |f|
|
||||||
= f.text_area :body, rows: 5, placeholder: 'Répondre ici', required: true, class: 'message-textarea'
|
= f.text_area :body, rows: 5, placeholder: 'Répondre ici', required: true, class: 'message-textarea'
|
||||||
.flex.justify-between
|
.flex.justify-between.wrap
|
||||||
%div
|
%div
|
||||||
= f.file_field :file, id: :file, accept: commentaire.file.accept_extension_list
|
= f.file_field :file, id: :file, accept: commentaire.file.accept_extension_list
|
||||||
%label{ for: :file }
|
%label{ for: :file }
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue