From d739d84c67240b5706b26ccb725df5d8a037f07b Mon Sep 17 00:00:00 2001
From: Kevin Kandlbinder <kevin@kevink.dev>
Date: Tue, 3 May 2022 14:53:50 +0200
Subject: [PATCH] Make navigation icon-only

---
 package.json                  | 2 +-
 src/components/Navigation.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 5ca9fc5..02505b9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "kevins-data-toolbox",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "private": true,
   "dependencies": {
     "@loadable/component": "^5.15.0",
diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
index f03656a..0e14353 100644
--- a/src/components/Navigation.tsx
+++ b/src/components/Navigation.tsx
@@ -4,7 +4,7 @@ import { Link } from "react-router-dom";
 import { useTranslation } from 'react-i18next';
 
 import * as styles from "./Navigation.module.scss";
-import { Globe, RefreshCw } from "lucide-react";
+import { Globe, Info, List, PenTool, RefreshCw, Wrench } from "lucide-react";
 import LanguageChooser from "./LanguageChooser";
 import ServiceWorkerAPI from "../services/serviceWorkers"
 
@@ -19,8 +19,8 @@ const Navigation = () => {
             <nav>
                 <Link to={"/"}>{t("site.title")}</Link>
                 <span className={styles.spacer}></span>
-                <Link to={"/tools"}>{t("site.navigation.tools")}</Link>
-                <Link to={"/about"}>{t("site.navigation.about")}</Link>
+                <Link to={"/tools"} title={t("site.navigation.tools")}><List/></Link>
+                <Link to={"/about"} title={t("site.navigation.about")}><Info/></Link>
                 <Link to={"#"} onClick={() => {setLangChooserActive(true)}} title="Change Language"><Globe/></Link>
                 {updateAvailable && <Link to={"#"} onClick={() => {ServiceWorkerAPI.forceUpdate()}} title="Update Available"><RefreshCw /></Link>}