From 72ab51bce0dd0b892acc797689f0cd32d779fd9f Mon Sep 17 00:00:00 2001
From: ArtemBaskal <a.baskal@adguard.com>
Date: Fri, 9 Oct 2020 13:21:58 +0300
Subject: [PATCH] - client: 2152 Do not show dashboard buttons on mobile
 screen, fix buttons on DNS block/allow lists pages

---
 client/src/components/App/index.css      |  6 -----
 client/src/components/Filters/Actions.js | 30 ++++++++++--------------
 2 files changed, 12 insertions(+), 24 deletions(-)

diff --git a/client/src/components/App/index.css b/client/src/components/App/index.css
index 31f34bce..4f18ee18 100644
--- a/client/src/components/App/index.css
+++ b/client/src/components/App/index.css
@@ -71,9 +71,3 @@ body {
 .button-action--active {
     visibility: visible;
 }
-
-@media (max-width: 500px) {
-    .dashboard .button-action {
-        visibility: visible;
-    }
-}
diff --git a/client/src/components/Filters/Actions.js b/client/src/components/Filters/Actions.js
index 3d966425..4296a81f 100644
--- a/client/src/components/Filters/Actions.js
+++ b/client/src/components/Filters/Actions.js
@@ -4,29 +4,23 @@ import { withTranslation, Trans } from 'react-i18next';
 
 const Actions = ({
     handleAdd, handleRefresh, processingRefreshFilters, whitelist,
-}) => (
-    <div className="card-actions">
-        <button
-            className="btn btn-success btn-standard mr-2 btn-large"
+}) => <div className="card-actions">
+    <button
+            className="btn btn-success btn-standard mr-2 btn-large mb-2"
             type="submit"
             onClick={handleAdd}
-        >
-            {whitelist ? (
-                <Trans>add_allowlist</Trans>
-            ) : (
-                <Trans>add_blocklist</Trans>
-            )}
-        </button>
-        <button
-            className="btn btn-primary btn-standard"
+    >
+        {whitelist ? <Trans>add_allowlist</Trans> : <Trans>add_blocklist</Trans>}
+    </button>
+    <button
+            className="btn btn-primary btn-standard mb-2"
             type="submit"
             onClick={handleRefresh}
             disabled={processingRefreshFilters}
-        >
-            <Trans>check_updates_btn</Trans>
-        </button>
-    </div>
-);
+    >
+        <Trans>check_updates_btn</Trans>
+    </button>
+</div>;
 
 Actions.propTypes = {
     handleAdd: PropTypes.func.isRequired,