From 28f279f41a6f1ed29c5985583144ef7e56c6dad0 Mon Sep 17 00:00:00 2001
From: igoradamenko <mail@igoradamenko.com>
Date: Sun, 13 May 2018 01:27:58 +0300
Subject: [PATCH] fix styles for replying comment for mobiles

---
 web/app/components/comment/_level/comment_level.scss       | 2 +-
 web/app/components/comment/_replying/comment_replying.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/app/components/comment/_level/comment_level.scss b/web/app/components/comment/_level/comment_level.scss
index 8ba7a197..db3cdb60 100644
--- a/web/app/components/comment/_level/comment_level.scss
+++ b/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;
           }
         }
diff --git a/web/app/components/comment/_replying/comment_replying.scss b/web/app/components/comment/_replying/comment_replying.scss
index 1235a983..2980cf57 100644
--- a/web/app/components/comment/_replying/comment_replying.scss
+++ b/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;