From 6a90efe957daf077745e8297b19e4312820cd69f Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <i.kamalov@adguard.com>
Date: Mon, 8 Oct 2018 18:42:55 +0300
Subject: [PATCH 1/5] Fix textarea width

---
 client/src/components/Filters/UserRules.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/Filters/UserRules.js b/client/src/components/Filters/UserRules.js
index 3d4b4275..2368bae5 100644
--- a/client/src/components/Filters/UserRules.js
+++ b/client/src/components/Filters/UserRules.js
@@ -20,7 +20,7 @@ export default class UserRules extends Component {
                 subtitle="Enter one rule on a line. You can use either adblock rules or hosts files syntax."
             >
                 <form onSubmit={this.handleSubmit}>
-                    <textarea className="form-control form-control--textarea" value={this.props.userRules} onChange={this.handleChange} />
+                    <textarea className="form-control form-control--textarea-large" value={this.props.userRules} onChange={this.handleChange} />
                     <div className="card-actions">
                         <button
                             className="btn btn-success btn-standart"

From 6de0871f2cc6603a25f46e2027b469d2914208a5 Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <i.kamalov@adguard.com>
Date: Mon, 8 Oct 2018 18:44:12 +0300
Subject: [PATCH 2/5] Fix default filtering for query log

---
 client/src/components/Logs/index.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/client/src/components/Logs/index.js b/client/src/components/Logs/index.js
index f0bb082d..d9ca8e89 100644
--- a/client/src/components/Logs/index.js
+++ b/client/src/components/Logs/index.js
@@ -42,14 +42,9 @@ class Logs extends Component {
     toggleBlocking = (type, domain) => {
         const { userRules } = this.props.filtering;
         const lineEnding = !endsWith(userRules, '\n') ? '\n' : '';
-        let blockingRule = `@@||${domain}^$important`;
-        let unblockingRule = `||${domain}^$important`;
-
-        if (type === 'unblock') {
-            blockingRule = `||${domain}^$important`;
-            unblockingRule = `@@||${domain}^$important`;
-        }
-
+        const baseRule = `||${domain}^$important`;
+        const blockingRule = type === 'block' ? `@@${baseRule}` : baseRule;
+        const unblockingRule = type === 'block' ? baseRule : `@@${baseRule}`;
         const preparedBlockingRule = new RegExp(`(^|\n)${escapeRegExp(blockingRule)}($|\n)`);
         const preparedUnblockingRule = new RegExp(`(^|\n)${escapeRegExp(unblockingRule)}($|\n)`);
 
@@ -189,6 +184,11 @@ class Logs extends Component {
                 defaultPageSize={50}
                 minRows={7}
                 noDataText="No logs found"
+                defaultFilterMethod={(filter, row) => {
+                    const id = filter.pivotId || filter.id;
+                    return row[id] !== undefined ?
+                        String(row[id]).indexOf(filter.value) !== -1 : true;
+                }}
                 defaultSorted={[
                     {
                         id: 'time',

From 5718f55b9a3ffb35cf599ea8475afbed6e06ae60 Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <i.kamalov@adguard.com>
Date: Mon, 8 Oct 2018 18:55:30 +0300
Subject: [PATCH 3/5] Fix tooltip width

---
 client/src/components/Dashboard/Counters.js | 14 ++++++++------
 client/src/components/Settings/Settings.css |  4 ++++
 client/src/components/ui/Card.css           |  4 ++--
 client/src/components/ui/Tooltip.css        |  8 ++++++--
 client/src/components/ui/Tooltip.js         |  3 ++-
 5 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/client/src/components/Dashboard/Counters.js b/client/src/components/Dashboard/Counters.js
index 44a9d188..6292e11f 100644
--- a/client/src/components/Dashboard/Counters.js
+++ b/client/src/components/Dashboard/Counters.js
@@ -4,6 +4,8 @@ import PropTypes from 'prop-types';
 import Card from '../ui/Card';
 import Tooltip from '../ui/Tooltip';
 
+const tooltipType = 'tooltip-custom--narrow';
+
 const Counters = props => (
     <Card title="General statistics" subtitle="in the last 24 hours" bodyType="card-table" refresh={props.refreshButton}>
         <table className="table card-table">
@@ -11,7 +13,7 @@ const Counters = props => (
                 <tr>
                     <td>
                         DNS Queries
-                        <Tooltip text="A number of DNS quieries processed in the last 24 hours" />
+                        <Tooltip text="A number of DNS quieries processed in the last 24 hours" type={tooltipType} />
                     </td>
                     <td className="text-right">
                         <span className="text-muted">
@@ -22,7 +24,7 @@ const Counters = props => (
                 <tr>
                     <td>
                         Blocked by filters
-                        <Tooltip text="A number of DNS requests blocked by filters" />
+                        <Tooltip text="A number of DNS requests blocked by filters" type={tooltipType} />
                     </td>
                     <td className="text-right">
                         <span className="text-muted">
@@ -33,7 +35,7 @@ const Counters = props => (
                 <tr>
                     <td>
                         Blocked malware/phishing
-                        <Tooltip text="A number of DNS requests blocked" />
+                        <Tooltip text="A number of DNS requests blocked" type={tooltipType} />
                     </td>
                     <td className="text-right">
                         <span className="text-muted">
@@ -44,7 +46,7 @@ const Counters = props => (
                 <tr>
                     <td>
                         Blocked adult websites
-                        <Tooltip text="A number of adult websites blocked" />
+                        <Tooltip text="A number of adult websites blocked" type={tooltipType} />
                     </td>
                     <td className="text-right">
                         <span className="text-muted">
@@ -55,7 +57,7 @@ const Counters = props => (
                 <tr>
                     <td>
                         Enforced safe search
-                        <Tooltip text="A number of DNS requests to search engines for which Safe Search was enforced" />
+                        <Tooltip text="A number of DNS requests to search engines for which Safe Search was enforced" type={tooltipType} />
                     </td>
                     <td className="text-right">
                         <span className="text-muted">
@@ -66,7 +68,7 @@ const Counters = props => (
                 <tr>
                     <td>
                         Average processing time
-                        <Tooltip text="Average time in milliseconds on processing a DNS request" />
+                        <Tooltip text="Average time in milliseconds on processing a DNS request" type={tooltipType} />
                     </td>
                     <td className="text-right">
                         <span className="text-muted">
diff --git a/client/src/components/Settings/Settings.css b/client/src/components/Settings/Settings.css
index 1fe91e9b..380a70f6 100644
--- a/client/src/components/Settings/Settings.css
+++ b/client/src/components/Settings/Settings.css
@@ -14,3 +14,7 @@
 .form-control--textarea {
     min-height: 110px;
 }
+
+.form-control--textarea-large {
+    min-height: 240px;
+}
diff --git a/client/src/components/ui/Card.css b/client/src/components/ui/Card.css
index 8269c2df..0aaeea01 100644
--- a/client/src/components/ui/Card.css
+++ b/client/src/components/ui/Card.css
@@ -40,11 +40,11 @@
     background-size: 14px;
     background-position: center;
     background-repeat: no-repeat;
-    background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiM0NjdmY2YiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjMgNHY2aC02Ii8+PHBhdGggZD0ibTEgMjB2LTZoNiIvPjxwYXRoIGQ9Im0zLjUxIDlhOSA5IDAgMCAxIDE0Ljg1LTMuMzZsNC42NCA0LjM2bS0yMiA0IDQuNjQgNC4zNmE5IDkgMCAwIDAgMTQuODUtMy4zNiIvPjwvc3ZnPg==');
+    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiM0NjdmY2YiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjMgNHY2aC02Ii8+PHBhdGggZD0ibTEgMjB2LTZoNiIvPjxwYXRoIGQ9Im0zLjUxIDlhOSA5IDAgMCAxIDE0Ljg1LTMuMzZsNC42NCA0LjM2bS0yMiA0IDQuNjQgNC4zNmE5IDkgMCAwIDAgMTQuODUtMy4zNiIvPjwvc3ZnPg==");
 }
 
 .card-refresh:hover,
 .card-refresh:not(:disabled):not(.disabled):active,
 .card-refresh:focus:active {
-    background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjMgNHY2aC02Ii8+PHBhdGggZD0ibTEgMjB2LTZoNiIvPjxwYXRoIGQ9Im0zLjUxIDlhOSA5IDAgMCAxIDE0Ljg1LTMuMzZsNC42NCA0LjM2bS0yMiA0IDQuNjQgNC4zNmE5IDkgMCAwIDAgMTQuODUtMy4zNiIvPjwvc3ZnPg==');
+    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjMgNHY2aC02Ii8+PHBhdGggZD0ibTEgMjB2LTZoNiIvPjxwYXRoIGQ9Im0zLjUxIDlhOSA5IDAgMCAxIDE0Ljg1LTMuMzZsNC42NCA0LjM2bS0yMiA0IDQuNjQgNC4zNmE5IDkgMCAwIDAgMTQuODUtMy4zNiIvPjwvc3ZnPg==");
 }
diff --git a/client/src/components/ui/Tooltip.css b/client/src/components/ui/Tooltip.css
index a51b8842..0cff0e70 100644
--- a/client/src/components/ui/Tooltip.css
+++ b/client/src/components/ui/Tooltip.css
@@ -17,14 +17,14 @@
     display: block;
     position: absolute;
     bottom: calc(100% + 12px);
-    left: calc(50% - 103px);
-    width: 206px;
+    left: 50%;
     padding: 10px 15px;
     font-size: 0.85rem;
     text-align: center;
     color: #fff;
     background-color: #585965;
     border-radius: 3px;
+    transform: translateX(-50%);
     visibility: hidden;
     opacity: 0;
 }
@@ -48,3 +48,7 @@
     visibility: visible;
     opacity: 1;
 }
+
+.tooltip-custom--narrow:before {
+    width: 206px;
+}
diff --git a/client/src/components/ui/Tooltip.js b/client/src/components/ui/Tooltip.js
index 69ecfdfb..3496a0d2 100644
--- a/client/src/components/ui/Tooltip.js
+++ b/client/src/components/ui/Tooltip.js
@@ -4,11 +4,12 @@ import PropTypes from 'prop-types';
 import './Tooltip.css';
 
 const Tooltip = props => (
-    <div data-tooltip={props.text} className="tooltip-custom"></div>
+    <div data-tooltip={props.text} className={`tooltip-custom ${props.type}`}></div>
 );
 
 Tooltip.propTypes = {
     text: PropTypes.string.isRequired,
+    type: PropTypes.string,
 };
 
 export default Tooltip;

From 814005021c5d8e61988bffa9f5970e0713d86787 Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <i.kamalov@adguard.com>
Date: Tue, 9 Oct 2018 10:25:21 +0300
Subject: [PATCH 4/5] Add hash to the static JS/CSS

Closes #354
---
 client/webpack.common.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/webpack.common.js b/client/webpack.common.js
index 77539e44..d1cfa6d0 100644
--- a/client/webpack.common.js
+++ b/client/webpack.common.js
@@ -19,7 +19,7 @@ const config = {
     },
     output: {
         path: PUBLIC_PATH,
-        filename: '[name].js',
+        filename: '[name].[chunkhash].js',
     },
     resolve: {
         modules: ['node_modules'],
@@ -94,10 +94,11 @@ const config = {
         }),
         new HtmlWebpackPlugin({
             inject: true,
+            cache: false,
             template: HTML_PATH,
         }),
         new ExtractTextPlugin({
-            filename: '[name].css',
+            filename: '[name].[contenthash].css',
         }),
     ],
 };

From 0545aeff3fb8368238e8c61d43589ef8b4a6d8e8 Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <i.kamalov@adguard.com>
Date: Tue, 9 Oct 2018 11:00:48 +0300
Subject: [PATCH 5/5] Fix variable

---
 client/src/components/Logs/index.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Logs/index.js b/client/src/components/Logs/index.js
index d9ca8e89..59a3ca16 100644
--- a/client/src/components/Logs/index.js
+++ b/client/src/components/Logs/index.js
@@ -43,8 +43,9 @@ class Logs extends Component {
         const { userRules } = this.props.filtering;
         const lineEnding = !endsWith(userRules, '\n') ? '\n' : '';
         const baseRule = `||${domain}^$important`;
-        const blockingRule = type === 'block' ? `@@${baseRule}` : baseRule;
-        const unblockingRule = type === 'block' ? baseRule : `@@${baseRule}`;
+        const baseUnblocking = `@@${baseRule}`;
+        const blockingRule = type === 'block' ? baseUnblocking : baseRule;
+        const unblockingRule = type === 'block' ? baseRule : baseUnblocking;
         const preparedBlockingRule = new RegExp(`(^|\n)${escapeRegExp(blockingRule)}($|\n)`);
         const preparedUnblockingRule = new RegExp(`(^|\n)${escapeRegExp(unblockingRule)}($|\n)`);