diff --git a/public/javascripts/app/templates/post-viewer/feedback.handlebars b/public/javascripts/app/templates/post-viewer/feedback.handlebars
index 280217087..84a1ea774 100644
--- a/public/javascripts/app/templates/post-viewer/feedback.handlebars
+++ b/public/javascripts/app/templates/post-viewer/feedback.handlebars
@@ -45,8 +45,13 @@
-
-
-
+
diff --git a/public/javascripts/app/views/post-viewer/interactions.js b/public/javascripts/app/views/post-viewer/interactions.js
index bbb08a39a..3fdc3c636 100644
--- a/public/javascripts/app/views/post-viewer/interactions.js
+++ b/public/javascripts/app/views/post-viewer/interactions.js
@@ -29,6 +29,7 @@ app.views.PostViewerInteractions = app.views.Base.extend({
togglePane : function(evt) {
if(evt) { evt.preventDefault() }
+ $("#post-interactions").toggleClass("active")
this.$("#post-info").slideToggle(300)
this.removeTooltips()
},
diff --git a/public/stylesheets/sass/new-templates.scss b/public/stylesheets/sass/new-templates.scss
index 0da437ee6..4c5b4d698 100644
--- a/public/stylesheets/sass/new-templates.scss
+++ b/public/stylesheets/sass/new-templates.scss
@@ -650,22 +650,29 @@ body.idle {
z-index: 30;
}
-#close-reactions-pane-container {
+#close-reactions-pane {
+ display: none;
+
text-align: center;
position: absolute;
width: 100%;
left: 0;
top: -3px;
- #close-reactions-pane {
+ #close-reactions-pane-container {
width: $pane-width;
top: 0;
min-height: 30px;
display: inline-block;
+ position: relative;
}
}
+#post-interactions.active #close-reactions-pane {
+ display: block;
+}
+
.info-tick {
@include opacity(0.8);