From 27456b84668bd0a8ac3baaed9193587d1fe59657 Mon Sep 17 00:00:00 2001
From: Artyom Kravchenko <kravchenkofirst@gmail.com>
Date: Sat, 18 Mar 2017 17:29:13 +0300
Subject: [PATCH] Make user page's links fully clickable

---
 src/less/blocks/short_post.less       |  1 +
 src/pages/base/user-without_header.js | 70 ++++++++++++---------------
 src/pages/base/user.js                | 70 ++++++++++++---------------
 3 files changed, 63 insertions(+), 78 deletions(-)

diff --git a/src/less/blocks/short_post.less b/src/less/blocks/short_post.less
index d36f3871..60f025b8 100644
--- a/src/less/blocks/short_post.less
+++ b/src/less/blocks/short_post.less
@@ -1,6 +1,7 @@
 .short_post {
   background: @color__background;
   padding: 13px;
+  display: block;
 
   &-spacing {
     margin-top: 1px;
diff --git a/src/pages/base/user-without_header.js b/src/pages/base/user-without_header.js
index a68834d7..20f77f16 100644
--- a/src/pages/base/user-without_header.js
+++ b/src/pages/base/user-without_header.js
@@ -88,50 +88,42 @@ const BaseUserPageWithoutHeader = (props) => {
             </PageContent>
             <SidebarAlt>
               <div className="tabs">
-                <div className="short_post short_post-spacing">
-                  <IndexLink
-                    activeClassName="tabs__link-active color-dark_blue"
-                    className="tabs__link"
-                    to={`/user/${user.get('username')}`}
-                  >
-                    Posts
-                  </IndexLink>
-                </div>
+                <IndexLink
+                  activeClassName="color-dark_blue"
+                  className="short_post short_post-spacing"
+                  to={`/user/${user.get('username')}`}
+                >
+                  Posts
+                </IndexLink>
                 {showLikesLink &&
-                  <div className="short_post short_post-spacing">
-                    <PageContentLink
-                      activeClassName="tabs__link-active color-dark_blue"
-                      className="tabs__link"
-                      to={`/user/${user.get('username')}/likes`}
-                      visible
-                    >
-                      Likes
-                    </PageContentLink>
-                  </div>
+                  <PageContentLink
+                    activeClassName="color-dark_blue"
+                    className="short_post short_post-spacing"
+                    to={`/user/${user.get('username')}/likes`}
+                    visible
+                  >
+                    Likes
+                  </PageContentLink>
                 }
                 {showFavouritesLink &&
-                  <div className="short_post short_post-spacing">
-                    <PageContentLink
-                      activeClassName="tabs__link-active color-dark_blue"
-                      className="tabs__link"
-                      to={`/user/${user.get('username')}/favorites`}
-                      visible
-                    >
-                      Favorites
-                    </PageContentLink>
-                  </div>
+                  <PageContentLink
+                    activeClassName="color-dark_blue"
+                    className="short_post short_post-spacing"
+                    to={`/user/${user.get('username')}/favorites`}
+                    visible
+                  >
+                    Favorites
+                  </PageContentLink>
                 }
                 {showBioLink &&
-                  <div className="short_post short_post-spacing">
-                    <PageContentLink
-                      activeClassName="tabs__link-active color-dark_blue"
-                      className="tabs__link"
-                      to={`/user/${user.get('username')}/bio`}
-                      visible
-                    >
-                      Bio
-                    </PageContentLink>
-                  </div>
+                  <PageContentLink
+                    activeClassName="color-dark_blue"
+                    className="short_post short_post-spacing"
+                    to={`/user/${user.get('username')}/bio`}
+                    visible
+                  >
+                    Bio
+                  </PageContentLink>
                 }
               </div>
             </SidebarAlt>
diff --git a/src/pages/base/user.js b/src/pages/base/user.js
index a422a58d..ce1d513b 100644
--- a/src/pages/base/user.js
+++ b/src/pages/base/user.js
@@ -162,50 +162,42 @@ const BaseUserPage = (props) => {
             </PageContent>
             <SidebarAlt>
               <div className="tabs">
-                <div className="short_post short_post-spacing">
-                  <IndexLink
-                    activeClassName="tabs__link-active color-dark_blue"
-                    className="tabs__link"
-                    to={`/user/${user.get('username')}`}
-                  >
-                    Posts
-                  </IndexLink>
-                </div>
+                <IndexLink
+                  activeClassName="color-dark_blue"
+                  className="short_post short_post-spacing"
+                  to={`/user/${user.get('username')}`}
+                >
+                  Posts
+                </IndexLink>
                 {showLikesLink &&
-                  <div className="short_post short_post-spacing">
-                    <PageContentLink
-                      activeClassName="tabs__link-active color-dark_blue"
-                      className="tabs__link"
-                      to={`/user/${user.get('username')}/likes`}
-                      visible
-                    >
-                      Likes
-                    </PageContentLink>
-                  </div>
+                  <PageContentLink
+                    activeClassName="color-dark_blue"
+                    className="short_post short_post-spacing"
+                    to={`/user/${user.get('username')}/likes`}
+                    visible
+                  >
+                    Likes
+                  </PageContentLink>
                 }
                 {showFavouritesLink &&
-                  <div className="short_post short_post-spacing">
-                    <PageContentLink
-                      activeClassName="tabs__link-active color-dark_blue"
-                      className="tabs__link"
-                      to={`/user/${user.get('username')}/favorites`}
-                      visible
-                    >
-                      Favorites
-                    </PageContentLink>
-                  </div>
+                  <PageContentLink
+                    activeClassName="color-dark_blue"
+                    className="short_post short_post-spacing"
+                    to={`/user/${user.get('username')}/favorites`}
+                    visible
+                  >
+                    Favorites
+                  </PageContentLink>
                 }
                 {showBioLink &&
-                  <div className="short_post short_post-spacing">
-                    <PageContentLink
-                      activeClassName="tabs__link-active color-dark_blue"
-                      className="tabs__link"
-                      to={`/user/${user.get('username')}/bio`}
-                      visible
-                    >
-                      Bio
-                    </PageContentLink>
-                  </div>
+                  <PageContentLink
+                    activeClassName="color-dark_blue"
+                    className="tabs__link short_post short_post-spacing"
+                    to={`/user/${user.get('username')}/bio`}
+                    visible
+                  >
+                    Bio
+                  </PageContentLink>
                 }
               </div>
             </SidebarAlt>