WIP

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;
 }

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>
   );