Added link to home on header logo (#162)

amundsen_application/static/js/components/NavBar/index.tsx

@@ -50,12 +50,12 @@ export class NavBar extends React.Component<NavBarProps> {
         <div className="row">
           <div className="nav-bar">
             <div id="nav-bar-left" className="nav-bar-left">
-              {
-                AppConfig.logoPath &&
-                <img id="logo-icon" className="logo-icon" src={AppConfig.logoPath} />
-              }
-              <Link to={`/`} className="title-3">
-                AMUNDSEN
+              <Link to={`/`}>
+                {
+                  AppConfig.logoPath &&
+                  <img id="logo-icon" className="logo-icon" src={AppConfig.logoPath} />
+                }
+                <span className="title-3">AMUNDSEN</span>
               </Link>
             </div>
             <div id="nav-bar-right" className="nav-bar-right">

amundsen_application/static/js/components/NavBar/styles.scss

@@ -55,4 +55,5 @@
 .logo-icon {
   max-height: 32px;
   max-width: 144px;
+  margin-right: 20px;
 }

amundsen_application/static/js/components/NavBar/tests/index.spec.tsx

@@ -106,7 +106,7 @@ describe('NavBar', () => {
     });
 
     it('renders homepage Link with correct text', () => {
-      element = wrapper.find('#nav-bar-left').find(Link);
+      element = wrapper.find('#nav-bar-left').find(Link).find('.title-3');
       expect(element.children().text()).toEqual('AMUNDSEN');
     });