From 16d2ef431531e81e3ff388ff2d7b9eaa7753b372 Mon Sep 17 00:00:00 2001
From: Kacper Donat <kadet1090@gmail.com>
Date: Sun, 19 Jul 2020 15:34:15 +0200
Subject: [PATCH] Set properly language on html element

---
 public/index.html      | 3 +--
 src/app.tsx            | 1 +
 src/i18n.ts            | 3 ++-
 src/styles/header.scss | 8 +++++++-
 4 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/public/index.html b/public/index.html
index 076a951..ecae82c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,8 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap&subset=latin,latin-ext" />
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&amp;display=swap&amp;subset=latin,latin-ext" />
     <title>Zgłoszenie praktyki studenckiej</title>
     <base href="/">
   </head>
diff --git a/src/app.tsx b/src/app.tsx
index 0b44e75..d8bc08c 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -64,6 +64,7 @@ const LanguageSwitcher = ({ className, ...props }: HTMLProps<HTMLUListElement>)
 
     const handleLanguageChange = (language: string) => () => {
         i18n.changeLanguage(language);
+        document.documentElement.lang = language;
     }
 
     const isActive = (language: string) => language.toLowerCase() === i18n.language.toLowerCase();
diff --git a/src/i18n.ts b/src/i18n.ts
index a38e4f0..3dc605e 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -17,10 +17,11 @@ i18n
     .init({
         resources,
         fallbackLng: "en",
-        debug: true,
         interpolation: {
             escapeValue: false
         }
     })
 
+document.documentElement.lang = i18n.language;
+
 export default i18n;
diff --git a/src/styles/header.scss b/src/styles/header.scss
index fa40ca4..9750554 100644
--- a/src/styles/header.scss
+++ b/src/styles/header.scss
@@ -36,7 +36,7 @@
   }
 
   .header__divider {
-    margin: 0 .5rem;
+    margin: 0 1rem;
     background: #274057;
     width: 1px;
     height: 60%;
@@ -59,6 +59,10 @@
   li {
     list-style: none;
 
+    &:not(:last-child) {
+      margin-right: .5rem;
+    }
+
     a {
       padding: 7px;
       display: block;
@@ -68,4 +72,6 @@
 
 .language-switcher__language--active {
   font-weight: bold;
+  cursor: default;
+  text-decoration: none;
 }