diff --git a/app/views/shared/_answerbox_buttons.html.haml b/app/views/shared/_answerbox_buttons.html.haml index bfde2a68..8f25fe95 100644 --- a/app/views/shared/_answerbox_buttons.html.haml +++ b/app/views/shared/_answerbox_buttons.html.haml @@ -5,20 +5,31 @@ users smiled this - if user_signed_in? - if current_user.smiled? a - %button.btn.btn-info.btn-sm{type: :button, name: 'ab-smile', data: { a_id: a.id, action: :unsmile }} + %button.btn.btn-info.btn-sm.hidden-xs{type: :button, name: 'ab-smile', data: { a_id: a.id, action: :unsmile }} + %i.fa.fa-frown-o + %span{id: "ab-smile-count-#{a.id}"}= a.smile_count + %button.btn.btn-block.btn-info.btn-sm.visible-xs{type: :button, name: 'ab-smile', data: { a_id: a.id, action: :unsmile }} %i.fa.fa-frown-o %span{id: "ab-smile-count-#{a.id}"}= a.smile_count - else - %button.btn.btn-info.btn-sm{type: :button, name: 'ab-smile', data: { a_id: a.id, action: :smile }} + %button.btn.btn-info.btn-sm.hidden-xs{type: :button, name: 'ab-smile', data: { a_id: a.id, action: :smile }} + %i.fa.fa-smile-o + %span{id: "ab-smile-count-#{a.id}"}= a.smile_count + %button.btn.btn-block.btn-info.btn-sm.visible-xs{type: :button, name: 'ab-smile', data: { a_id: a.id, action: :smile }} %i.fa.fa-smile-o %span{id: "ab-smile-count-#{a.id}"}= a.smile_count - unless @display_all - %button.btn.btn-primary.btn-sm{type: :button, name: 'ab-comments', data: { a_id: a.id, state: :hidden }} + %button.btn.btn-primary.btn-sm.hidden-xs{type: :button, name: 'ab-comments', data: { a_id: a.id, state: :hidden }} + %i.fa.fa-comments + %span{id: "ab-comment-count-#{a.id}"}= a.comment_count + %button.btn.btn-block.btn-primary.btn-sm.visible-xs{type: :button, name: 'ab-comments', data: { a_id: a.id, state: :hidden }} %i.fa.fa-comments %span{id: "ab-comment-count-#{a.id}"}= a.comment_count - if user_signed_in? .btn-group - %button.btn.btn-default.btn-sm.dropdown-toggle{data: { toggle: :dropdown }, aria: { expanded: :false }} + %button.btn.btn-default.btn-sm.hidden-xs.dropdown-toggle{data: { toggle: :dropdown }, aria: { expanded: :false }} + %span.caret + %button.btn.btn-block.btn-default.btn-sm.visible-xs.dropdown-toggle{data: { toggle: :dropdown }, aria: { expanded: :false }} %span.caret %ul.dropdown-menu.dropdown-menu-right{role: :menu} - if privileged? a.user