fix styles for replying comment for mobiles

web/app/components/comment/_level/comment_level.scss

@@ -7,7 +7,7 @@ $step: 24px;
 
       &.comment_replying {
         .comment__input {
-          @media (hover: none) and (max-width: 768px) {
+          @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer:coarse) and (max-width: 768px) {
             margin-left: -$i * $step;
           }
         }

web/app/components/comment/_replying/comment_replying.scss

@@ -9,7 +9,7 @@
   }
 
   // it isn't mobile first, but it's fine here
-  @media (hover: none) and (max-width: 768px) {
+  @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer:coarse) and (max-width: 768px) {
     border: 8px solid #eee;
     padding-bottom: 0;