Fix answerbox text layout on mobile

app/assets/stylesheets/components/_answerbox.scss

@@ -30,7 +30,7 @@
   }
 
   &__action {
-    padding-left: map-get($spacers, 1);
+    padding-left: 0;
     padding-right: map-get($spacers, 1);
 
     & i {

app/views/application/_answerbox.haml

@@ -15,7 +15,7 @@
         = markdown a.content
     - if @user.nil?
       .row
-        .col-4.col-sm-4.col-md-6.text-left.text-muted
+        .col.col-sm-4.col-md-6.text-left.text-muted
           .media
             .pull-left
               %a{href: show_user_profile_path(a.user.screen_name)}
@@ -25,7 +25,7 @@
                 = raw t('views.answerbox.answered', hide: hidespan(t('views.answerbox.hide'), "d-none d-sm-inline"), user: user_screen_name(a.user))
               .answerbox__answer-date
                 = link_to(raw(t('views.answerbox.time', time: time_tooltip(a))), show_user_answer_path(a.user.screen_name, a.id))
-        .col-8.col-sm-8.col-md-6.text-right
+        .col.col-sm-8.col-md-6.text-right
           = render 'answerbox/actions', a: a
     - else
       .row