app icon

app/components/Header/Header.scss

@@ -48,6 +48,16 @@
 }
 
 .header__version {
-  color: $blue--lighter;
-  font-size: 12px;
+  span {
+    font-size: 12px;
+    position: relative;
+    bottom: 3px;
+    color: $blue--lighter;
+  }
+
+  img {
+    position: relative;
+    top: 3px;
+    margin-right: 3px;
+  }
 }

app/components/Header/Header.tsx

@@ -1,7 +1,8 @@
-import { remote } from 'electron';
+import { remote, shell } from 'electron';
 import React from 'react';
 import { observer, inject } from 'mobx-react';
 import { AppState } from '../../state/AppState';
+import headerIcon from '../../assets/icons/png/24x24.png';
 import './Header.scss';
 
 interface Props {
@@ -32,11 +33,20 @@ export class Header extends React.Component<Props, any> {
     remote.getCurrentWindow().minimize();
   }
 
+  private openGithub(): void {
+    shell.openExternal('https://github.com/mgerb/ps-launcher/releases');
+  }
+
   public render(): any {
     return (
       <div className="header">
-        <div className="header__version"><span style={{ fontSize: '10px' }}>v{VERSION}</span></div>
+        <div className="header__version">
+          {/* <i className="fa fa-2x fa-github"/> */}
+          <img src={headerIcon}/>
+          <span style={{ fontSize: '10px' }}>v{VERSION}</span>
+        </div>
         <div className="header__draggable-region"></div>
+        <i className="fa fa-lg fa-github header-icon"  onClick={this.openGithub.bind(this)}/>
         <div className="header-icon header-icon--minimize" onClick={this.minimize.bind(this)}/>
         <div className="header-icon header-icon--maximize" onClick={this.maximize.bind(this)}/>
         <div className="header-icon header-icon--close" onClick={() => this.exit()}>×</div>

app/components/ServerList/ServerList.scss

@@ -59,6 +59,7 @@
     cursor: pointer;
     color: $white;
     font-size: 30px;
+    transition: all 0.2s linear;
 
     &:disabled {
       opacity: 0.5;

app/state/persistent-state-seed.ts

@@ -17,7 +17,7 @@ export const persistentStateSeed = (): any => {
         {
           name: 'Kronos',
           realmlist: 'login.kronos-wow.com',
-          website: 'https://www.kronos-wow.com?lang=en',
+          website: 'http://www.kronos-wow.com',
         },
         {
           name: `Light's Hope`,