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