Merge pull request #11 in DNS/adguard-dns from feature/313 to master

* commit '9e6ed7f273e996b2a89d9eda2302117adcc2389d':
  fix filtered reason overflow
  fix table cell overflow in filters

client/src/components/Filters/index.js

@@ -41,11 +41,11 @@ class Filters extends Component {
     }, {
         Header: 'Filter name',
         accessor: 'name',
-        Cell: ({ value }) => (<span title={value}>{value}</span>),
+        Cell: ({ value }) => (<div className="logs__row logs__row--overflow"><span className="logs__text" title={value}>{value}</span></div>),
     }, {
         Header: 'Host file URL',
         accessor: 'url',
-        Cell: ({ value }) => (<a href={value} target='_blank' rel='noopener noreferrer'>{value}</a>),
+        Cell: ({ value }) => (<div className="logs__row logs__row--overflow"><a href={value} target='_blank' rel='noopener noreferrer' className="link logs__text">{value}</a></div>),
     }, {
         Header: 'Rules count',
         accessor: 'rulesCount',

client/src/components/Logs/index.js

@@ -68,8 +68,10 @@ class Logs extends Component {
                 if (isFiltered) {
                     return (
                         <div className="logs__row">
-                            { this.renderTooltip(isFiltered, rule) }
-                            <span>{ parsedFilteredReason }</span>
+                            {this.renderTooltip(isFiltered, rule)}
+                            <span className="logs__text" title={parsedFilteredReason}>
+                                {parsedFilteredReason}
+                            </span>
                         </div>
                     );
                 }