From 2efd7d0f1891eb8a47695e92bae42c19dd650776 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Fri, 15 Jun 2018 15:51:16 +0300
Subject: [PATCH] using more semantic elements

---
 src/app/app.js                     | 8 ++++----
 src/app/styles.less                | 2 +-
 src/common/NavBar/NavTab/NavTab.js | 7 ++-----
 3 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/app/app.js b/src/app/app.js
index 82d9dd0e4..a4ef0ad73 100644
--- a/src/app/app.js
+++ b/src/app/app.js
@@ -6,15 +6,15 @@ import styles from './styles';
 class App extends PureComponent {
     render() {
         return (
-            <BrowserRouter>
-                <div className={styles['app']}>
+            <div className={styles['app']}>
+                <BrowserRouter>
                     <Switch>
                         <Route path={'/(discover|library|calendar)?'} exact={true} component={Main} />
                         <Route path={'/addons'} component={Addons} />
                         <Redirect to={'/'} />
                     </Switch>
-                </div>
-            </BrowserRouter>
+                </BrowserRouter>
+            </div>
         );
     }
 }
diff --git a/src/app/styles.less b/src/app/styles.less
index 2ed6473a0..2c861b477 100644
--- a/src/app/styles.less
+++ b/src/app/styles.less
@@ -87,13 +87,13 @@
     user-select: none;
     box-sizing: border-box;
     text-decoration: none;
+    font-weight: normal;
 }
 
 html, body, .app {
     height: 100vh;
     min-width: 1024px;
     position: relative;
-    cursor: default;
     overflow: hidden;
     background-color: @colorbgmain;
     font: 13px / 18px 'Open Sans', 'LatoLight', 'Arial', 'Helvetica', 'sans-serif';
diff --git a/src/common/NavBar/NavTab/NavTab.js b/src/common/NavBar/NavTab/NavTab.js
index 24c309035..1e30b97ef 100644
--- a/src/common/NavBar/NavTab/NavTab.js
+++ b/src/common/NavBar/NavTab/NavTab.js
@@ -6,11 +6,8 @@ import styles from './styles';
 
 const NavTab = ({ to, exact, replace, icon, label }) => (
     <NavLink className={styles['nav-tab']} activeClassName={styles['active']} to={to} exact={exact} replace={replace}>
-        <Icon
-            className={styles['nav-tab-icon']}
-            icon={icon}
-        />
-        <span className={styles['nav-tab-label']}>{label}</span>
+        <Icon className={styles['nav-tab-icon']} icon={icon} />
+        <h2 className={styles['nav-tab-label']}>{label}</h2>
     </NavLink>
 );