diff --git a/app/assets/stylesheets/responsive/_global_layout.scss b/app/assets/stylesheets/responsive/_global_layout.scss index 9610fb98417..e3fa0ce0882 100644 --- a/app/assets/stylesheets/responsive/_global_layout.scss +++ b/app/assets/stylesheets/responsive/_global_layout.scss @@ -199,7 +199,8 @@ textarea{ .action-bar__make-request, .action-bar__follow, .action-bar__follow-button, -.action-bar__follower-count { +.action-bar__follower-count, +.action-bar__reply { vertical-align: middle; font-size: 16px; margin: 1em 0; diff --git a/app/assets/stylesheets/responsive/_request_layout.scss b/app/assets/stylesheets/responsive/_request_layout.scss index 40f22b3511f..b718e6f291f 100644 --- a/app/assets/stylesheets/responsive/_request_layout.scss +++ b/app/assets/stylesheets/responsive/_request_layout.scss @@ -75,8 +75,9 @@ .after-actions { display: inline-block; + margin-bottom: 1em; @include respond-min( $main_menu-mobile_menu_cutoff) { - + margin: 0; } .action-menu__button { width: 100%; @@ -95,6 +96,7 @@ margin: 0; @include respond-min( 30em ){ margin-left: 1em; + } @include respond-min( $main_menu-mobile_menu_cutoff ){ text-align: right; @@ -109,6 +111,17 @@ } } + .action-bar__reply { + margin-bottom: -1em; //seems easier to do this here than completely override the whole action styles + @media (min-width: 30em){ + display: inline-block; + margin: 0 1em 0 0; + } + .button { + line-height: 1.5em; + } + } + .request-header__action-bar__actions--narrow { //we use --narrow when a profile photo is available @media (min-width: 30em) { diff --git a/app/views/request/_reply.html.erb b/app/views/request/_reply.html.erb new file mode 100644 index 00000000000..33996e042f4 --- /dev/null +++ b/app/views/request/_reply.html.erb @@ -0,0 +1,9 @@ +
\ No newline at end of file diff --git a/app/views/request/show.html.erb b/app/views/request/show.html.erb index 2a09a7ef027..b184ec6b3b7 100644 --- a/app/views/request/show.html.erb +++ b/app/views/request/show.html.erb @@ -54,17 +54,22 @@