diff --git a/app/assets/javascripts/discourse/app/components/topic-progress.hbs b/app/assets/javascripts/discourse/app/components/topic-progress.hbs index 339c0fc94e6..14f9438b222 100644 --- a/app/assets/javascripts/discourse/app/components/topic-progress.hbs +++ b/app/assets/javascripts/discourse/app/components/topic-progress.hbs @@ -8,7 +8,7 @@ @label="topic.timeline.back" @action={{this.goBack}} @icon="arrow-down" - class="btn-primary progress-back" + class="btn-primary btn-small progress-back" /> {{/if}} diff --git a/app/assets/stylesheets/common/base/topic.scss b/app/assets/stylesheets/common/base/topic.scss index 8fdf0fe8f6c..5a12b5bad88 100644 --- a/app/assets/stylesheets/common/base/topic.scss +++ b/app/assets/stylesheets/common/base/topic.scss @@ -110,15 +110,14 @@ .progress-back-container { z-index: z("dropdown"); - margin-right: 0; animation-duration: 0.5s; animation-name: button-jump-up; - width: 145px; text-align: center; margin-bottom: 0px; + margin-right: 0.5em; position: absolute; right: 0; - top: -120%; // above parent container + some extra space + bottom: 100%; // above parent container + some extra space .btn { margin: 0; } diff --git a/app/assets/stylesheets/mobile/topic.scss b/app/assets/stylesheets/mobile/topic.scss index 2ef300170a1..7424e3a6c0d 100644 --- a/app/assets/stylesheets/mobile/topic.scss +++ b/app/assets/stylesheets/mobile/topic.scss @@ -27,10 +27,6 @@ } } -.progress-back-container { - top: -100%; // above parent container + some extra space -} - .topic-error { padding: 18px; width: 90%;