From 35368619b0d7ed0fb838d749cd7b2f63ae9c9aa3 Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <i.kamalov@adguard.com>
Date: Fri, 12 Oct 2018 16:27:59 +0300
Subject: [PATCH] Fix footer links

Closes #360
---
 .../components/Dashboard/BlockedDomains.js    |  1 +
 client/src/components/Dashboard/Clients.js    |  1 +
 .../components/Dashboard/QueriedDomains.js    |  1 +
 client/src/components/ui/Footer.js            | 24 ++++++++++++-------
 4 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/client/src/components/Dashboard/BlockedDomains.js b/client/src/components/Dashboard/BlockedDomains.js
index 18c7ae99..684bb611 100644
--- a/client/src/components/Dashboard/BlockedDomains.js
+++ b/client/src/components/Dashboard/BlockedDomains.js
@@ -13,6 +13,7 @@ class BlockedDomains extends Component {
     columns = [{
         Header: 'IP',
         accessor: 'ip',
+        Cell: ({ value }) => (<div className="logs__row logs__row--overflow"><span className="logs__text" title={value}>{value}</span></div>),
     }, {
         Header: 'Requests count',
         accessor: 'domain',
diff --git a/client/src/components/Dashboard/Clients.js b/client/src/components/Dashboard/Clients.js
index 136f2e2d..633ef08b 100644
--- a/client/src/components/Dashboard/Clients.js
+++ b/client/src/components/Dashboard/Clients.js
@@ -22,6 +22,7 @@ class Clients extends Component {
     columns = [{
         Header: 'IP',
         accessor: 'ip',
+        Cell: ({ value }) => (<div className="logs__row logs__row--overflow"><span className="logs__text" title={value}>{value}</span></div>),
     }, {
         Header: 'Requests count',
         accessor: 'count',
diff --git a/client/src/components/Dashboard/QueriedDomains.js b/client/src/components/Dashboard/QueriedDomains.js
index 2808e625..c1b630a4 100644
--- a/client/src/components/Dashboard/QueriedDomains.js
+++ b/client/src/components/Dashboard/QueriedDomains.js
@@ -22,6 +22,7 @@ class QueriedDomains extends Component {
     columns = [{
         Header: 'IP',
         accessor: 'ip',
+        Cell: ({ value }) => (<div className="logs__row logs__row--overflow"><span className="logs__text" title={value}>{value}</span></div>),
     }, {
         Header: 'Requests count',
         accessor: 'count',
diff --git a/client/src/components/ui/Footer.js b/client/src/components/ui/Footer.js
index 4221bff0..6afa322d 100644
--- a/client/src/components/ui/Footer.js
+++ b/client/src/components/ui/Footer.js
@@ -12,17 +12,23 @@ class Footer extends Component {
                 <div className="container">
                     <div className="row align-items-center flex-row-reverse">
                         <div className="col-12 col-lg-auto ml-lg-auto">
-                            <ul className="list-inline list-inline-dots text-center mb-0">
-                                <li className="list-inline-item">
-                                    <a href="https://adguard.com/adguard-dns/overview.html" target="_blank" rel="noopener noreferrer">Homepage</a>
-                                </li>
-                                <li className="list-inline-item">
-                                    <a href="https://github.com/AdguardTeam/AdguardDNS" target="_blank" rel="noopener noreferrer">Github</a>
-                                </li>
-                            </ul>
+                            <div className="row align-items-center justify-content-center">
+                                <div className="col-auto">
+                                    <ul className="list-inline text-center mb-0">
+                                        <li className="list-inline-item">
+                                            <a href="https://github.com/AdguardTeam/AdguardDNS" target="_blank" rel="noopener noreferrer">Homepage</a>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div className="col-auto">
+                                    <a href="https://github.com/AdguardTeam/AdguardDNS/issues/new" className="btn btn-outline-primary btn-sm" target="_blank" rel="noopener noreferrer">
+                                        Report an issue
+                                    </a>
+                                </div>
+                            </div>
                         </div>
                         <div className="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
-                            © AdGuard {this.getYear()}
+                            Copyright © {this.getYear()} <a href="https://adguard.com/">AdGuard</a>.
                         </div>
                     </div>
                 </div>