Adding reply functionality

2 files changed, 16 insertions, 4 deletions

diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index ef2366686..1f7a55cd0 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -408,7 +408,7 @@ body.ios {
 	@include legacy-pie-clearfix;
 
 	&:hover {
-		.dropdown, .comment-icon__container {
+		.dropdown, .comment-icon__container, .post__reply {
 			visibility: visible;
 		}
 		.permalink-icon {
@@ -597,7 +597,7 @@ body.ios {
 			position: absolute;
 			right: 0;
 			top: 30px;
-			width: 65px;
+			width: 85px;
 			white-space: nowrap;
 		}
 
@@ -666,7 +666,7 @@ body.ios {
 		word-wrap: break-word;
 		padding: 0.2em 0.5em 0em;
 		@include legacy-pie-clearfix;
-		width: calc(100% - 75px);
+		width: calc(100% - 95px);
 
 		p {
 			margin: 0 0 0.4em;
@@ -754,6 +754,18 @@ body.ios {
 		visibility: hidden;
 	}
 
+	.post__reply {
+		display: inline-block;
+		margin-right: 6px;
+		visibility: hidden;
+		svg {
+			width: 18px;
+			top: 3px;
+			fill: inherit;
+			position: relative;
+		}
+	}
+
 	.comment-icon__container {
 		fill: $primary-color;
 		display: inline-block;
diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss
index 8491869a6..7d1210f64 100644
--- a/web/sass-files/sass/partials/_responsive.scss
+++ b/web/sass-files/sass/partials/_responsive.scss
@@ -92,7 +92,7 @@
 
         }
 
-        .dropdown {
+        .dropdown, .post__reply {
             visibility: visible;
         }