From d6b7201b0135886188cbd3e66be8c49d5a74b642 Mon Sep 17 00:00:00 2001
From: Alexander Kislov <strannik11.92@gmail.com>
Date: Mon, 13 Nov 2023 20:17:35 +0200
Subject: [PATCH] Add nvmrc, add link to logo

---
 .nvmrc                                                     | 1 +
 .../src/app/components/header/header.component.html        | 7 +++++--
 .../src/app/components/header/header.component.scss        | 7 ++++++-
 3 files changed, 12 insertions(+), 3 deletions(-)
 create mode 100644 .nvmrc

diff --git a/.nvmrc b/.nvmrc
new file mode 100644
index 0000000..55bffd6
--- /dev/null
+++ b/.nvmrc
@@ -0,0 +1 @@
+18.15.0
diff --git a/projects/ngx-tippy-demo/src/app/components/header/header.component.html b/projects/ngx-tippy-demo/src/app/components/header/header.component.html
index 87cfd5d..dd28a21 100644
--- a/projects/ngx-tippy-demo/src/app/components/header/header.component.html
+++ b/projects/ngx-tippy-demo/src/app/components/header/header.component.html
@@ -3,7 +3,10 @@
     class="header__hero"
     tabindex="0"
   >
-    <div class="header__logo">
+    <a
+      class="header__logo"
+      routerLink="/"
+    >
       <img
         class="header__img header__img--ng"
         src="assets/icons/angular.svg"
@@ -14,7 +17,7 @@
         src="assets/icons/tippy.svg"
         alt="tippy.js logo"
       >
-    </div>
+    </a>
 
     <h2 class="header__title">ngx-tippy-wrapper</h2>
     <tui-badge
diff --git a/projects/ngx-tippy-demo/src/app/components/header/header.component.scss b/projects/ngx-tippy-demo/src/app/components/header/header.component.scss
index 19f3637..54cbcfd 100644
--- a/projects/ngx-tippy-demo/src/app/components/header/header.component.scss
+++ b/projects/ngx-tippy-demo/src/app/components/header/header.component.scss
@@ -18,8 +18,13 @@ $animation-time: 3s;
   align-items: center;
 }
 
+.header__logo {
+  display: inline-block;
+}
+
 .header__title {
   font-size: 1.2rem;
+  margin-left: 1.2rem;
 }
 
 .header__badge {
@@ -46,7 +51,7 @@ $animation-time: 3s;
 
 .header__img--tippy {
   position: relative;
-  left: -25px;
+  margin-left: -25px;
   z-index: -1;
   animation-name: animation-bounce-reversed;
 }