From 9fa328529700eb4bf6d52f110afab2b5e706398b Mon Sep 17 00:00:00 2001
From: Maciej Caderek <maciej.caderek@gmail.com>
Date: Mon, 11 Apr 2022 00:59:05 +0200
Subject: [PATCH] WIP

---
 public/README.md             |  2 +-
 src/ui/components/Header.css | 12 +++++++++---
 src/ui/components/Header.tsx |  6 ++++++
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/public/README.md b/public/README.md
index 6179489..d3e9176 100644
--- a/public/README.md
+++ b/public/README.md
@@ -1,3 +1,3 @@
 # ShareChess
 
-This repo contains production files for [sharechess.github.io](https://sharechess.github.io/). You can find a source code here: [github.com/sharechess/sharechess](https://github.com/sharechess/sharechess).
+This repo contains production files for [sharechess.github.io](https://sharechess.github.io/). You can find the source code here: [github.com/sharechess/sharechess](https://github.com/sharechess/sharechess).
diff --git a/src/ui/components/Header.css b/src/ui/components/Header.css
index 34ce9df..ae9c060 100644
--- a/src/ui/components/Header.css
+++ b/src/ui/components/Header.css
@@ -5,7 +5,7 @@
   top: 0;
   width: 100%;
   display: grid;
-  grid-template-columns: 2fr 1fr;
+  grid-template-columns: 1fr 1fr;
   font-size: 1.8rem;
 }
 
@@ -33,14 +33,20 @@
   font-size: 2.4rem;
   position: relative;
   top: -0.2rem;
-  color: var(--color-text);
   padding-top: 1rem;
   height: 100%;
   margin-left: 0.5rem;
   text-align: center;
 }
 
-.header__options-ico:hover {
+.header__options-ico,
+.header__options-ico > a,
+.header__options-ico > a:visited {
+  color: var(--color-text);
+}
+
+.header__options-ico:hover,
+.header__options-ico > a:hover {
   color: var(--color-btn);
   cursor: pointer;
 }
diff --git a/src/ui/components/Header.tsx b/src/ui/components/Header.tsx
index e81fbed..eb9bddb 100644
--- a/src/ui/components/Header.tsx
+++ b/src/ui/components/Header.tsx
@@ -17,6 +17,7 @@ const Header: Component<{ handlers: Handlers }> = (props) => {
         {/* <div class="header__options-ico" onClick={() => {}}>
           <i class="las la-question-circle"></i>
         </div> */}
+
         <div
           class="header__options-ico"
           onClick={() => {
@@ -63,6 +64,11 @@ const Header: Component<{ handlers: Handlers }> = (props) => {
             }}
           ></i>
         </div>
+        <div class="header__options-ico" title="SOURCE CODE">
+          <a href="https://github.com/sharechess/sharechess" target="_blank">
+            <i class="lab la-github"></i>
+          </a>
+        </div>
       </div>
     </header>
   );