update and fix mobile design

This commit is contained in:
Andreas N 2015-01-26 15:51:18 +01:00
parent 1a3c491e45
commit 370169c35a
2 changed files with 21 additions and 10 deletions

View File

@ -17,7 +17,7 @@
width: 20px; width: 20px;
} }
.answerbox--question-text, .answerbox--question-user { .answerbox--question-text, .answerbox--question-user, .answerbox--answer-user, .answerbox--answer-date {
margin-bottom: 0px; margin-bottom: 0px;
overflow: hidden; overflow: hidden;
} }
@ -30,4 +30,9 @@
font-size: 16px; font-size: 16px;
color: #000; color: #000;
line-height: 1.3em; line-height: 1.3em;
}
.answerbox--answer-date {
font-size: 12px;
line-height: 1.3em;
} }

View File

@ -36,15 +36,21 @@
= markdown a.content = markdown a.content
- if @user.nil? - if @user.nil?
.row .row
.col-md-6.col-sm-4.col-xs-7.text-left.text-muted .col-md-6.col-sm-4.col-xs-6.text-left.text-muted
Answered by .media
%a{href: show_user_profile_path(a.user.screen_name)} .pull-left
%img.img-rounded.answerbox--img-small{src: gravatar_url(a.user)} %a{href: show_user_profile_path(a.user.screen_name)}
%span= a.user.screen_name %img.img-rounded.answerbox--img{src: gravatar_url(a.user)}
%a{href: show_user_answer_path(a.user.screen_name, a.id)} .media-body
%span= time_ago_in_words(a.created_at) %h6.media-heading.answerbox--answer-user
ago %span.hidden-xs
.col-md-6.col-sm-8.col-xs-5.text-right Answered by
= user_screen_name a.user.screen_name
.answerbox--answer-date
%a{href: show_user_answer_path(a.user.screen_name, a.id)}
%span= time_ago_in_words(a.created_at)
ago
.col-md-6.col-sm-8.col-xs-6.text-right
= render 'shared/answerbox_buttons', a: a = render 'shared/answerbox_buttons', a: a
- else - else
.row .row