From 59f77824294d8fcef12bfe3b3d13d0dbbbccbf6f Mon Sep 17 00:00:00 2001
From: Roman Nastyuk <rnastyuk@exoft.net>
Date: Fri, 14 Mar 2025 13:08:17 +0200
Subject: [PATCH 1/2] feat(add-mobile-styles): added tablet/mobile navbar and
 styles

---
 src/app/app.config.ts                         |   4 +-
 .../components/footer/footer.component.html   |   2 +-
 .../components/footer/footer.component.scss   |  46 +++++++
 .../components/footer/footer.component.ts     |   9 +-
 .../nav-menu/nav-menu.component.html          |  19 +++
 .../nav-menu/nav-menu.component.scss          |  27 ++++
 .../nav-menu/nav-menu.component.spec.ts       |  22 ++++
 .../components/nav-menu/nav-menu.component.ts |  13 ++
 .../core/components/root/root.component.scss  |  54 ++++----
 .../components/sidenav/sidenav.component.html |  20 +--
 .../components/sidenav/sidenav.component.scss |  29 +----
 .../components/sidenav/sidenav.component.ts   |  22 +---
 .../components/topnav/topnav.component.html   |  22 +++-
 .../components/topnav/topnav.component.scss   |  16 ++-
 .../components/topnav/topnav.component.ts     |  16 ++-
 src/app/core/helpers/nav-items.constant.ts    |  16 +++
 .../forgot-password.component.html            |   2 +-
 .../forgot-password.component.scss            |   4 +
 .../forgot-password.component.ts              |   4 +
 .../reset-password.component.html             |   2 +-
 .../reset-password.component.scss             |   4 +
 .../reset-password.component.ts               |   4 +
 .../auth/sign-up/sign-up.component.html       |   4 +-
 .../auth/sign-up/sign-up.component.scss       |   6 +-
 .../auth/sign-up/sign-up.component.ts         |   5 +-
 src/app/features/home/home.component.html     |   2 +-
 src/assets/icons/dist/icons.css               | 118 ++++++++++-------
 src/assets/icons/dist/icons.eot               | Bin 12572 -> 13952 bytes
 src/assets/icons/dist/icons.html              |  65 ++++++++++
 src/assets/icons/dist/icons.json              |  96 +++++++-------
 src/assets/icons/dist/icons.ts                | 120 +++++++++++-------
 src/assets/icons/dist/icons.woff              | Bin 6808 -> 7588 bytes
 src/assets/icons/dist/icons.woff2             | Bin 5648 -> 6312 bytes
 src/assets/icons/source/arrow.svg             |   5 +
 src/assets/icons/source/bookmark.svg          |   5 +
 src/assets/icons/source/close.svg             |   6 +
 src/assets/icons/source/fork.svg              |   5 +
 src/assets/icons/source/help.svg              |   5 +
 src/assets/icons/source/link.svg              |   6 +
 src/assets/icons/source/menu.svg              |   5 +
 src/assets/icons/source/share.svg             |   5 +
 src/assets/styles/_mixins.scss                |   5 +
 src/assets/styles/overrides/button.scss       |   6 +
 src/assets/styles/overrides/drawer.scss       |  15 +++
 src/assets/styles/styles.scss                 |   1 +
 45 files changed, 601 insertions(+), 241 deletions(-)
 create mode 100644 src/app/core/components/nav-menu/nav-menu.component.html
 create mode 100644 src/app/core/components/nav-menu/nav-menu.component.scss
 create mode 100644 src/app/core/components/nav-menu/nav-menu.component.spec.ts
 create mode 100644 src/app/core/components/nav-menu/nav-menu.component.ts
 create mode 100644 src/app/core/helpers/nav-items.constant.ts
 create mode 100644 src/assets/icons/source/arrow.svg
 create mode 100644 src/assets/icons/source/bookmark.svg
 create mode 100644 src/assets/icons/source/close.svg
 create mode 100644 src/assets/icons/source/fork.svg
 create mode 100644 src/assets/icons/source/help.svg
 create mode 100644 src/assets/icons/source/link.svg
 create mode 100644 src/assets/icons/source/menu.svg
 create mode 100644 src/assets/icons/source/share.svg
 create mode 100644 src/assets/styles/overrides/drawer.scss

diff --git a/src/app/app.config.ts b/src/app/app.config.ts
index 299d37be2..34813955c 100644
--- a/src/app/app.config.ts
+++ b/src/app/app.config.ts
@@ -5,7 +5,7 @@ import { provideStore } from '@ngxs/store';
 import { withNgxsReduxDevtoolsPlugin } from '@ngxs/devtools-plugin';
 import { providePrimeNG } from 'primeng/config';
 import Aura from '@primeng/themes/aura';
-import { provideNoopAnimations } from '@angular/platform-browser/animations';
+import { provideAnimations } from '@angular/platform-browser/animations';
 import { provideHttpClient } from '@angular/common/http';
 
 export const appConfig: ApplicationConfig = {
@@ -24,7 +24,7 @@ export const appConfig: ApplicationConfig = {
         },
       },
     }),
-    provideNoopAnimations(),
+    provideAnimations(),
     provideHttpClient(),
   ],
 };
diff --git a/src/app/core/components/footer/footer.component.html b/src/app/core/components/footer/footer.component.html
index 38d8f1598..7d7fcefec 100644
--- a/src/app/core/components/footer/footer.component.html
+++ b/src/app/core/components/footer/footer.component.html
@@ -1,4 +1,4 @@
-<footer>
+<footer [class.portrait]="isPortrait()" [class.mobile]="isXSmall()">
   <div class="footer-content">
     <div class="footer-nav">
       <div class="footer-links">
diff --git a/src/app/core/components/footer/footer.component.scss b/src/app/core/components/footer/footer.component.scss
index 7c2a7a0c8..e36dd41b7 100644
--- a/src/app/core/components/footer/footer.component.scss
+++ b/src/app/core/components/footer/footer.component.scss
@@ -17,6 +17,7 @@
 
       a {
         color: var.$dark-blue-1;
+        text-align: center;
       }
     }
 
@@ -55,6 +56,51 @@
 
     .footer-copyright {
       @include mix.flex-center;
+      text-align: center;
+    }
+  }
+
+  .portrait {
+    .footer-nav {
+      flex-direction: column-reverse;
+      gap: 1.5rem;
+      height: auto;
+      padding: 2.5rem;
+
+      .footer-links {
+        justify-content: space-evenly;
+        width: 100%;
+
+        .separator {
+          margin: 0.1rem;
+        }
+      }
+    }
+
+    .footer-secondary-nav {
+      padding: 0.5rem 2.5rem;
+    }
+  }
+
+  .mobile {
+    .footer-nav {
+      .footer-links {
+        justify-content: center;
+        gap: 0.3rem;
+        flex-wrap: wrap;
+      }
+    }
+
+    .footer-secondary-nav {
+      flex-direction: column;
+      gap: 1rem;
+      height: auto;
+      padding: 1rem;
+
+      .footer-links {
+        row-gap: 1rem;
+        flex-wrap: wrap;
+      }
     }
   }
 }
diff --git a/src/app/core/components/footer/footer.component.ts b/src/app/core/components/footer/footer.component.ts
index 717931595..a7c810f64 100644
--- a/src/app/core/components/footer/footer.component.ts
+++ b/src/app/core/components/footer/footer.component.ts
@@ -1,6 +1,8 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
 import { SocialIcon } from '@osf/shared/entities/social-icon.interface';
 import { RouterLink } from '@angular/router';
+import { IS_PORTRAIT, IS_XSMALL } from '@shared/utils/breakpoints.tokens';
+import { toSignal } from '@angular/core/rxjs-interop';
 
 @Component({
   standalone: true,
@@ -11,6 +13,11 @@ import { RouterLink } from '@angular/router';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class FooterComponent {
+  #isPortrait$ = inject(IS_PORTRAIT);
+  #isXSmall$ = inject(IS_XSMALL);
+  isPortrait = toSignal(this.#isPortrait$);
+  isXSmall = toSignal(this.#isXSmall$);
+
   protected readonly socialIcons: SocialIcon[] = [
     {
       name: 'twitter',
diff --git a/src/app/core/components/nav-menu/nav-menu.component.html b/src/app/core/components/nav-menu/nav-menu.component.html
new file mode 100644
index 000000000..1a795209e
--- /dev/null
+++ b/src/app/core/components/nav-menu/nav-menu.component.html
@@ -0,0 +1,19 @@
+<nav class="nav-menu">
+  <ul>
+    @for (item of navItems; track item.path) {
+      <li class="nav-item">
+        <a
+          class="nav-link"
+          [routerLink]="item.path"
+          routerLinkActive="active"
+          [routerLinkActiveOptions]="{ exact: true }"
+        >
+          @if (item.icon) {
+            <i [class]="'osf-icon-' + item.icon"></i>
+          }
+          <span>{{ item.label }}</span>
+        </a>
+      </li>
+    }
+  </ul>
+</nav>
diff --git a/src/app/core/components/nav-menu/nav-menu.component.scss b/src/app/core/components/nav-menu/nav-menu.component.scss
new file mode 100644
index 000000000..470ab0834
--- /dev/null
+++ b/src/app/core/components/nav-menu/nav-menu.component.scss
@@ -0,0 +1,27 @@
+@use "assets/styles/variables" as var;
+:host {
+  .nav-menu {
+    width: 100%;
+    max-width: 15rem;
+
+    ul {
+      .nav-link {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        padding-left: 1rem;
+        width: 100%;
+        height: 3.4rem;
+        gap: 0.5rem;
+        color: var.$white;
+        text-decoration: none;
+      }
+
+      .active {
+        font-weight: 700;
+        background-color: var.$dark-blue-2;
+        border-radius: 0.5rem;
+      }
+    }
+  }
+}
diff --git a/src/app/core/components/nav-menu/nav-menu.component.spec.ts b/src/app/core/components/nav-menu/nav-menu.component.spec.ts
new file mode 100644
index 000000000..e65b4ac2f
--- /dev/null
+++ b/src/app/core/components/nav-menu/nav-menu.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NavMenuComponent } from './nav-menu.component';
+
+describe('NavMenuComponent', () => {
+  let component: NavMenuComponent;
+  let fixture: ComponentFixture<NavMenuComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [NavMenuComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(NavMenuComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/core/components/nav-menu/nav-menu.component.ts b/src/app/core/components/nav-menu/nav-menu.component.ts
new file mode 100644
index 000000000..b711ad7bf
--- /dev/null
+++ b/src/app/core/components/nav-menu/nav-menu.component.ts
@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+import { NAV_ITEMS } from '@osf/core/helpers/nav-items.constant';
+
+@Component({
+  selector: 'osf-nav-menu',
+  imports: [RouterLinkActive, RouterLink],
+  templateUrl: './nav-menu.component.html',
+  styleUrl: './nav-menu.component.scss',
+})
+export class NavMenuComponent {
+  navItems = NAV_ITEMS;
+}
diff --git a/src/app/core/components/root/root.component.scss b/src/app/core/components/root/root.component.scss
index a94282de9..8a8d87b5e 100644
--- a/src/app/core/components/root/root.component.scss
+++ b/src/app/core/components/root/root.component.scss
@@ -1,39 +1,47 @@
 @use "assets/styles/mixins" as mix;
+@use "assets/styles/variables" as var;
 
-.layout-desktop {
-  display: flex;
+:host {
   height: 100vh;
-  background-color: #24384a;
+  display: flex;
 
-  .content-wrapper {
+  .layout-desktop {
+    display: flex;
     flex: 1;
-    overflow-y: auto;
-    margin: 6px;
-    background-color: white;
-    border-radius: 1rem;
+    background-color: var.$dark-blue-1;
 
-    .content {
-      @include mix.flex-column;
-      min-height: 100%;
-      position: relative;
+    .content-wrapper {
+      flex: 1;
+      overflow-y: auto;
+      margin: 6px;
+      background-color: white;
+      border-radius: 1rem;
+
+      .content {
+        @include mix.flex-column;
+        min-height: 100%;
+        position: relative;
+      }
     }
   }
-}
-
-.layout-tablet {
-  @include mix.flex-center;
-  height: 100vh;
 
-  .content-wrapper {
+  .layout-tablet {
+    @include mix.flex-center;
     flex: 1;
-    overflow-y: auto;
-    @include mix.flex-column;
-    width: 100%;
 
-    .content {
-      position: relative;
+    .content-wrapper {
       @include mix.flex-column;
+      width: 100%;
+      height: 100%;
       flex: 1;
+      background-color: white;
+      overflow-y: auto;
+
+      .content {
+        position: relative;
+        @include mix.flex-column;
+        flex: 1;
+      }
     }
   }
 }
diff --git a/src/app/core/components/sidenav/sidenav.component.html b/src/app/core/components/sidenav/sidenav.component.html
index b0ea7763b..08714d186 100644
--- a/src/app/core/components/sidenav/sidenav.component.html
+++ b/src/app/core/components/sidenav/sidenav.component.html
@@ -1,20 +1,2 @@
 <img ngSrc="assets/images/logo.svg" alt="OSF Logo" height="36" width="106" />
-<nav class="sidebar-nav">
-  <ul>
-    @for (item of navItems; track item.path) {
-      <li class="nav-item">
-        <a
-          class="nav-link"
-          [routerLink]="item.path"
-          routerLinkActive="active"
-          [routerLinkActiveOptions]="{ exact: true }"
-        >
-          @if (item.icon) {
-            <i [class]="'osf-icon-' + item.icon"></i>
-          }
-          <span>{{ item.label }}</span>
-        </a>
-      </li>
-    }
-  </ul>
-</nav>
+<osf-nav-menu />
diff --git a/src/app/core/components/sidenav/sidenav.component.scss b/src/app/core/components/sidenav/sidenav.component.scss
index 73db5b41a..f39a1f973 100644
--- a/src/app/core/components/sidenav/sidenav.component.scss
+++ b/src/app/core/components/sidenav/sidenav.component.scss
@@ -1,33 +1,8 @@
 @use "assets/styles/mixins" as mix;
-@use "assets/styles/variables" as var;
 
 :host {
   @include mix.flex-column;
+  gap: 1.8rem;
   width: 19rem;
-  padding: 1.5rem;
-
-  .sidebar-nav {
-    margin-top: 2rem;
-    width: 100%;
-
-    ul {
-      .nav-link {
-        display: flex;
-        justify-content: flex-start;
-        align-items: center;
-        padding-left: 1rem;
-        width: 100%;
-        height: 3.4rem;
-        gap: 0.5rem;
-        color: var.$white;
-        text-decoration: none;
-      }
-
-      .active {
-        font-weight: 700;
-        background-color: var.$dark-blue-2;
-        border-radius: 0.5rem;
-      }
-    }
-  }
+  padding: 1.8rem;
 }
diff --git a/src/app/core/components/sidenav/sidenav.component.ts b/src/app/core/components/sidenav/sidenav.component.ts
index b9af5eee2..971f08f0b 100644
--- a/src/app/core/components/sidenav/sidenav.component.ts
+++ b/src/app/core/components/sidenav/sidenav.component.ts
@@ -1,29 +1,13 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { RouterLink, RouterLinkActive } from '@angular/router';
 import { NgOptimizedImage } from '@angular/common';
-import { NavItem } from '@osf/shared/entities/nav-item.interface';
+import { NavMenuComponent } from '@core/components/nav-menu/nav-menu.component';
 
 @Component({
   standalone: true,
   selector: 'osf-sidenav',
-  imports: [RouterLink, RouterLinkActive, NgOptimizedImage],
+  imports: [NgOptimizedImage, NavMenuComponent],
   templateUrl: './sidenav.component.html',
   styleUrl: './sidenav.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class SidenavComponent {
-  protected readonly navItems: NavItem[] = [
-    { path: '/home', label: 'Home', icon: 'home' },
-    { path: '', label: 'Search OSF', icon: 'search' },
-    {
-      path: '/support',
-      label: 'Support',
-      icon: 'support',
-    },
-    {
-      path: '/donate',
-      label: 'Donate',
-      icon: 'donate',
-    },
-  ];
-}
+export class SidenavComponent {}
diff --git a/src/app/core/components/topnav/topnav.component.html b/src/app/core/components/topnav/topnav.component.html
index bda3aad39..d76ecde2c 100644
--- a/src/app/core/components/topnav/topnav.component.html
+++ b/src/app/core/components/topnav/topnav.component.html
@@ -1 +1,21 @@
-<p>OSF</p>
+<section class="nav-container">
+  <img ngSrc="assets/images/logo.svg" alt="OSF Logo" height="36" width="106" />
+  <p-drawer
+    [modal]="true"
+    [visible]="isDrawerVisible()"
+    (visibleChange)="isDrawerVisible.set($event)"
+    [closable]="false"
+  >
+    <osf-nav-menu />
+  </p-drawer>
+  <p-button
+    class="topnav-btn"
+    severity="contrast"
+    (onClick)="toggleMenuVisibility()"
+  >
+    <i
+      [class]="!isDrawerVisible() ? 'osf-icon-menu' : 'osf-icon-close'"
+      class="topnav-icon"
+    ></i>
+  </p-button>
+</section>
diff --git a/src/app/core/components/topnav/topnav.component.scss b/src/app/core/components/topnav/topnav.component.scss
index 38ebd6066..ff2146555 100644
--- a/src/app/core/components/topnav/topnav.component.scss
+++ b/src/app/core/components/topnav/topnav.component.scss
@@ -1,7 +1,17 @@
 @use "assets/styles/variables" as var;
+@use "assets/styles/mixins" as mix;
 
 :host {
-  background: var.$dark-blue-1;
-  height: 96px;
-  color: white;
+  z-index: 2000;
+
+  .nav-container {
+    @include mix.flex-center-between;
+    background: var.$dark-blue-1;
+    padding: 1.8rem;
+    color: white;
+
+    .topnav-icon {
+      font-size: 2.1rem;
+    }
+  }
 }
diff --git a/src/app/core/components/topnav/topnav.component.ts b/src/app/core/components/topnav/topnav.component.ts
index 03add4819..2d1fa7aff 100644
--- a/src/app/core/components/topnav/topnav.component.ts
+++ b/src/app/core/components/topnav/topnav.component.ts
@@ -1,11 +1,21 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
+import { Button } from 'primeng/button';
+import { Drawer } from 'primeng/drawer';
+import { NgOptimizedImage } from '@angular/common';
+import { NavMenuComponent } from '@core/components/nav-menu/nav-menu.component';
 
 @Component({
   standalone: true,
   selector: 'osf-topnav',
-  imports: [],
+  imports: [Button, Drawer, NgOptimizedImage, NavMenuComponent],
   templateUrl: './topnav.component.html',
   styleUrl: './topnav.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class TopnavComponent {}
+export class TopnavComponent {
+  isDrawerVisible = signal(false);
+
+  toggleMenuVisibility() {
+    this.isDrawerVisible.set(!this.isDrawerVisible());
+  }
+}
diff --git a/src/app/core/helpers/nav-items.constant.ts b/src/app/core/helpers/nav-items.constant.ts
new file mode 100644
index 000000000..f02730bbb
--- /dev/null
+++ b/src/app/core/helpers/nav-items.constant.ts
@@ -0,0 +1,16 @@
+import { NavItem } from '@osf/shared/entities/nav-item.interface';
+
+export const NAV_ITEMS: NavItem[] = [
+  { path: '/home', label: 'Home', icon: 'home' },
+  { path: '', label: 'Search OSF', icon: 'search' },
+  {
+    path: '/support',
+    label: 'Support',
+    icon: 'support',
+  },
+  {
+    path: '/donate',
+    label: 'Donate',
+    icon: 'donate',
+  },
+];
diff --git a/src/app/features/auth/forgot-password/forgot-password.component.html b/src/app/features/auth/forgot-password/forgot-password.component.html
index 7bcd028c1..efbff5da7 100644
--- a/src/app/features/auth/forgot-password/forgot-password.component.html
+++ b/src/app/features/auth/forgot-password/forgot-password.component.html
@@ -1,4 +1,4 @@
-<section class="forgot-password-container">
+<section class="forgot-password-container" [class.mobile]="isXSmall()">
   <h2>Forgot Your Password?</h2>
   <p>Enter your email address and we'll send a link to reset your password</p>
 
diff --git a/src/app/features/auth/forgot-password/forgot-password.component.scss b/src/app/features/auth/forgot-password/forgot-password.component.scss
index ea6dc4f14..718dc296e 100644
--- a/src/app/features/auth/forgot-password/forgot-password.component.scss
+++ b/src/app/features/auth/forgot-password/forgot-password.component.scss
@@ -34,4 +34,8 @@
       left: 0;
     }
   }
+
+  .mobile {
+    max-width: 24.5rem;
+  }
 }
diff --git a/src/app/features/auth/forgot-password/forgot-password.component.ts b/src/app/features/auth/forgot-password/forgot-password.component.ts
index e5937230b..8198c2f80 100644
--- a/src/app/features/auth/forgot-password/forgot-password.component.ts
+++ b/src/app/features/auth/forgot-password/forgot-password.component.ts
@@ -5,6 +5,8 @@ import { Button } from 'primeng/button';
 import { MessageInfo } from './message-info.model';
 import { Message } from 'primeng/message';
 import { ForgotPasswordFormGroupType } from '@osf/features/auth/forgot-password/forgot-password-form-group.type';
+import { IS_XSMALL } from '@shared/utils/breakpoints.tokens';
+import { toSignal } from '@angular/core/rxjs-interop';
 
 @Component({
   selector: 'osf-forgot-password',
@@ -15,9 +17,11 @@ import { ForgotPasswordFormGroupType } from '@osf/features/auth/forgot-password/
 })
 export class ForgotPasswordComponent {
   #fb = inject(FormBuilder);
+  #isXSmall$ = inject(IS_XSMALL);
   forgotPasswordForm: ForgotPasswordFormGroupType = this.#fb.group({
     email: ['', [Validators.required, Validators.email]],
   });
+  isXSmall = toSignal(this.#isXSmall$);
   message = signal<MessageInfo | null>(null);
 
   onSubmit(): void {
diff --git a/src/app/features/auth/reset-password/reset-password.component.html b/src/app/features/auth/reset-password/reset-password.component.html
index 8ab27dd77..e8fab76ad 100644
--- a/src/app/features/auth/reset-password/reset-password.component.html
+++ b/src/app/features/auth/reset-password/reset-password.component.html
@@ -1,5 +1,5 @@
 @if (!isFormSubmitted()) {
-  <section class="reset-password-container">
+  <section class="reset-password-container" [class.mobile]="isXSmall()">
     <h2>Reset Password</h2>
 
     <form [formGroup]="resetPasswordForm" (ngSubmit)="onSubmit()">
diff --git a/src/app/features/auth/reset-password/reset-password.component.scss b/src/app/features/auth/reset-password/reset-password.component.scss
index da46608a0..3b56e2738 100644
--- a/src/app/features/auth/reset-password/reset-password.component.scss
+++ b/src/app/features/auth/reset-password/reset-password.component.scss
@@ -51,4 +51,8 @@
       }
     }
   }
+
+  .mobile {
+    max-width: 24.5rem;
+  }
 }
diff --git a/src/app/features/auth/reset-password/reset-password.component.ts b/src/app/features/auth/reset-password/reset-password.component.ts
index 74b56119d..d8699b10f 100644
--- a/src/app/features/auth/reset-password/reset-password.component.ts
+++ b/src/app/features/auth/reset-password/reset-password.component.ts
@@ -9,6 +9,8 @@ import {
 } from '../sign-up/sign-up.helper';
 import { PasswordInputHintComponent } from '@shared/components/password-input-hint/password-input-hint.component';
 import { ResetPasswordFormGroupType } from './reset-password-form-group.type';
+import { IS_XSMALL } from '@shared/utils/breakpoints.tokens';
+import { toSignal } from '@angular/core/rxjs-interop';
 
 @Component({
   selector: 'osf-reset-password',
@@ -25,6 +27,7 @@ import { ResetPasswordFormGroupType } from './reset-password-form-group.type';
 })
 export class ResetPasswordComponent {
   #fb = inject(FormBuilder);
+  #isXSmall$ = inject(IS_XSMALL);
   passwordRegex = PASSWORD_REGEX;
   resetPasswordForm: ResetPasswordFormGroupType = this.#fb.group(
     {
@@ -39,6 +42,7 @@ export class ResetPasswordComponent {
     },
   );
   isFormSubmitted = signal(false);
+  isXSmall = toSignal(this.#isXSmall$);
 
   onSubmit(): void {
     if (this.resetPasswordForm.valid) {
diff --git a/src/app/features/auth/sign-up/sign-up.component.html b/src/app/features/auth/sign-up/sign-up.component.html
index 270105c9e..7e8cc54b9 100644
--- a/src/app/features/auth/sign-up/sign-up.component.html
+++ b/src/app/features/auth/sign-up/sign-up.component.html
@@ -1,5 +1,5 @@
 @if (!isFormSubmitted()) {
-  <section class="sign-up-container">
+  <section class="sign-up-container" [class.mobile]="isXSmall()">
     <h2>Create A Free Account</h2>
 
     <form [formGroup]="signUpForm" (ngSubmit)="onSubmit()">
@@ -109,7 +109,7 @@ <h2>Create A Free Account</h2>
     </form>
   </section>
 } @else {
-  <section class="message-container">
+  <section class="message-container" [class.mobile]="isXSmall()">
     <h2>Registration successful</h2>
     <p>Check your email to confirm your account</p>
   </section>
diff --git a/src/app/features/auth/sign-up/sign-up.component.scss b/src/app/features/auth/sign-up/sign-up.component.scss
index 74c2c1bd8..9fb027757 100644
--- a/src/app/features/auth/sign-up/sign-up.component.scss
+++ b/src/app/features/auth/sign-up/sign-up.component.scss
@@ -89,6 +89,10 @@
   }
 
   .message-container {
-    margin-top: 40vh;
+    margin-top: auto;
+  }
+
+  .mobile {
+    max-width: 24.5rem;
   }
 }
diff --git a/src/app/features/auth/sign-up/sign-up.component.ts b/src/app/features/auth/sign-up/sign-up.component.ts
index 0b688a025..507a92fa0 100644
--- a/src/app/features/auth/sign-up/sign-up.component.ts
+++ b/src/app/features/auth/sign-up/sign-up.component.ts
@@ -14,6 +14,8 @@ import { CommonModule, NgOptimizedImage } from '@angular/common';
 import { PASSWORD_REGEX, passwordMatchValidator } from './sign-up.helper';
 import { Router, RouterLink } from '@angular/router';
 import { PasswordInputHintComponent } from '@shared/components/password-input-hint/password-input-hint.component';
+import { IS_XSMALL } from '@shared/utils/breakpoints.tokens';
+import { toSignal } from '@angular/core/rxjs-interop';
 
 @Component({
   selector: 'osf-sign-up',
@@ -36,6 +38,8 @@ import { PasswordInputHintComponent } from '@shared/components/password-input-hi
 export class SignUpComponent implements OnInit {
   signUpForm: FormGroup = new FormGroup({});
   passwordRegex: RegExp = PASSWORD_REGEX;
+  #isXSmall$ = inject(IS_XSMALL);
+  isXSmall = toSignal(this.#isXSmall$);
   isFormSubmitted = signal(false);
 
   fb: FormBuilder = inject(FormBuilder);
@@ -66,7 +70,6 @@ export class SignUpComponent implements OnInit {
   onSubmit(): void {
     if (this.signUpForm.valid) {
       this.isFormSubmitted.set(true);
-      this.router.navigate(['/home']);
     }
   }
 }
diff --git a/src/app/features/home/home.component.html b/src/app/features/home/home.component.html
index 4c0a97e6c..f7b5bbb05 100644
--- a/src/app/features/home/home.component.html
+++ b/src/app/features/home/home.component.html
@@ -43,8 +43,8 @@
     [paginator]="true"
     [resizableColumns]="true"
     [autoLayout]="true"
+    [scrollable]="true"
   >
-    class="projects-table">
     <ng-template #header>
       <tr>
         <th pSortableColumn="title">Title <p-sortIcon field="title" /></th>
diff --git a/src/assets/icons/dist/icons.css b/src/assets/icons/dist/icons.css
index 9980ea504..16a56b439 100644
--- a/src/assets/icons/dist/icons.css
+++ b/src/assets/icons/dist/icons.css
@@ -1,8 +1,8 @@
 @font-face {
     font-family: "icons";
-    src: url("./icons.eot?e66420b71be7d7b7facef2a3a4b1caa6#iefix") format("embedded-opentype"),
-url("./icons.woff2?e66420b71be7d7b7facef2a3a4b1caa6") format("woff2"),
-url("./icons.woff?e66420b71be7d7b7facef2a3a4b1caa6") format("woff");
+    src: url("./icons.eot?267e1361c5162f8531987133aab36e82#iefix") format("embedded-opentype"),
+url("./icons.woff2?267e1361c5162f8531987133aab36e82") format("woff2"),
+url("./icons.woff?267e1361c5162f8531987133aab36e82") format("woff");
 }
 
 i[class^="osf-icon-"]:before, i[class*=" osf-icon-"]:before {
@@ -49,135 +49,159 @@ i[class^="osf-icon-"]:before, i[class*=" osf-icon-"]:before {
 .osf-icon-sort-1:before {
     content: "\f10b";
 }
-.osf-icon-settings:before {
+.osf-icon-share:before {
     content: "\f10c";
 }
-.osf-icon-search:before {
+.osf-icon-settings:before {
     content: "\f10d";
 }
-.osf-icon-quotes:before {
+.osf-icon-search:before {
     content: "\f10e";
 }
-.osf-icon-question-mark:before {
+.osf-icon-quotes:before {
     content: "\f10f";
 }
-.osf-icon-publish:before {
+.osf-icon-question-mark:before {
     content: "\f110";
 }
-.osf-icon-profile:before {
+.osf-icon-publish:before {
     content: "\f111";
 }
-.osf-icon-plus:before {
+.osf-icon-profile:before {
     content: "\f112";
 }
-.osf-icon-pdf:before {
+.osf-icon-plus:before {
     content: "\f113";
 }
-.osf-icon-papers:before {
+.osf-icon-pdf:before {
     content: "\f114";
 }
-.osf-icon-padlock:before {
+.osf-icon-papers:before {
     content: "\f115";
 }
-.osf-icon-padlock-unlock:before {
+.osf-icon-padlock:before {
     content: "\f116";
 }
-.osf-icon-orcid:before {
+.osf-icon-padlock-unlock:before {
     content: "\f117";
 }
-.osf-icon-my-projects:before {
+.osf-icon-orcid:before {
     content: "\f118";
 }
-.osf-icon-minus:before {
+.osf-icon-my-projects:before {
     content: "\f119";
 }
-.osf-icon-meetings:before {
+.osf-icon-minus:before {
     content: "\f11a";
 }
-.osf-icon-materials:before {
+.osf-icon-menu:before {
     content: "\f11b";
 }
-.osf-icon-list:before {
+.osf-icon-meetings:before {
     content: "\f11c";
 }
-.osf-icon-linkedin:before {
+.osf-icon-materials:before {
     content: "\f11d";
 }
-.osf-icon-institutions:before {
+.osf-icon-list:before {
     content: "\f11e";
 }
-.osf-icon-information:before {
+.osf-icon-linkedin:before {
     content: "\f11f";
 }
-.osf-icon-image:before {
+.osf-icon-link:before {
     content: "\f120";
 }
-.osf-icon-hosting:before {
+.osf-icon-institutions:before {
     content: "\f121";
 }
-.osf-icon-home:before {
+.osf-icon-information:before {
     content: "\f122";
 }
-.osf-icon-group:before {
+.osf-icon-image:before {
     content: "\f123";
 }
-.osf-icon-github:before {
+.osf-icon-hosting:before {
     content: "\f124";
 }
-.osf-icon-folder:before {
+.osf-icon-home:before {
     content: "\f125";
 }
-.osf-icon-filter:before {
+.osf-icon-help:before {
     content: "\f126";
 }
-.osf-icon-facebook:before {
+.osf-icon-group:before {
     content: "\f127";
 }
-.osf-icon-eye-view:before {
+.osf-icon-github:before {
     content: "\f128";
 }
-.osf-icon-eye-hidden:before {
+.osf-icon-fork:before {
     content: "\f129";
 }
-.osf-icon-email:before {
+.osf-icon-folder:before {
     content: "\f12a";
 }
-.osf-icon-download:before {
+.osf-icon-filter:before {
     content: "\f12b";
 }
-.osf-icon-double-arrow-left:before {
+.osf-icon-facebook:before {
     content: "\f12c";
 }
-.osf-icon-dots:before {
+.osf-icon-eye-view:before {
     content: "\f12d";
 }
-.osf-icon-donate:before {
+.osf-icon-eye-hidden:before {
     content: "\f12e";
 }
-.osf-icon-doc:before {
+.osf-icon-email:before {
     content: "\f12f";
 }
-.osf-icon-design:before {
+.osf-icon-download:before {
     content: "\f130";
 }
-.osf-icon-data:before {
+.osf-icon-double-arrow-left:before {
     content: "\f131";
 }
-.osf-icon-copy:before {
+.osf-icon-dots:before {
     content: "\f132";
 }
-.osf-icon-collections:before {
+.osf-icon-donate:before {
     content: "\f133";
 }
-.osf-icon-collect:before {
+.osf-icon-doc:before {
     content: "\f134";
 }
-.osf-icon-code:before {
+.osf-icon-design:before {
     content: "\f135";
 }
-.osf-icon-calendar-silhouette:before {
+.osf-icon-data:before {
     content: "\f136";
 }
-.osf-icon-arrow-down:before {
+.osf-icon-copy:before {
     content: "\f137";
 }
+.osf-icon-collections:before {
+    content: "\f138";
+}
+.osf-icon-collect:before {
+    content: "\f139";
+}
+.osf-icon-code:before {
+    content: "\f13a";
+}
+.osf-icon-close:before {
+    content: "\f13b";
+}
+.osf-icon-calendar-silhouette:before {
+    content: "\f13c";
+}
+.osf-icon-bookmark:before {
+    content: "\f13d";
+}
+.osf-icon-arrow:before {
+    content: "\f13e";
+}
+.osf-icon-arrow-down:before {
+    content: "\f13f";
+}
diff --git a/src/assets/icons/dist/icons.eot b/src/assets/icons/dist/icons.eot
index 161ea74532032dd118f09bc88e1088d73df201ee..e3179bcdeba8e70bf62f3a150c4f30c65641ffba 100644
GIT binary patch
delta 1955
zcmYjSU2Gf25uVxI+uge(@A#)9rP`!S+oWvMmP%2iEXkze#3=$7L68QB5!gv6nX&{^
zqAJOWQxukApsi5^D1t)+0}Y&@bzTyn57k2r+kMePkVHTb)I}d+r^rJJ_#sFjBQ}gS
zF*8RxaTc7No!Qyh*>Ar+zA<%nUY;!jd_MA;EDJezZvC~%GpmO+0KN(UFHX<b7w?|<
z+kXJq=K$hgCz`L!{CdmQbpSmIuxn_xQ9pj<!kgbx>}Mq9S#q!;9H;R$k{z@2E2ken
z*uF#gz99Qvvo&3RtTiS8)Mc{I%-2sZ;xFJ`nop74zfhlVBz|&Z{T{$iXUTbcv9-K{
zqyLxz7(Plx{Kh|m+rw2r3MN@UHz)n`n29s8H3WUog4wEn1%HWIzrbo(^PB8>|2?*Y
z0{mMn?K7V8FEZ`-@yGp}%&K-)8Ps!<0tpp}A9wNqd`R9PV}Z2Q@e8=vi4lQ+v*y3S
zSL0=<z$om8F&KvlI6!goFWUshC@@3<oKkjLZEeVSovm&Xet`g?zq!9Flma%#x<bid
zlW+`#(!%CMS7-y+r1XK%R<KFM2SS@tDP0M+r#1=~;3gLFDSV%m*~ff0Z}N}$eet5W
zY#bXier3EPwY(@lQcOkEQ>v*h>F4#o&7yh6{Kh(OeP$Q!b^C7UvCx%pG5qK7diZ}%
z%6ZONcfNLi?w)i18hJHxKU#`jixpxkaW8&3{zW34cqZ{u;=)={KPy)Woc2F4PHHzm
zC9Cq~d?k%lwvS~UmQ*<h6KSj@WltiR#^GY6iX)}m&4@F>`GnP%j49zJdp*|><B?rk
zwhTnanXBWr7g4(ZfH@Ej4=Ao<sooyj?n#AnA(0u#h;Ux(Ac7*f?Pb<}=P<oWx7u!F
z0j`4$N!Sjsb6Yl7Di3cfdI_2T(b#zC-j133UrMDU#)AGw<NLQBx{oPK(eIcJl)g$r
zBQV?T_I2C~ZRmkL@aWnF?`^(H+#@swkr5it5FVa`*?cbRqD*+j8kUpZI8r?>I=DT%
zkDw^muu8BbJpxTqn2Uofm(Nv^T)~1;XK_Ba2eY{#)Jy(dq8*WDubwnxDKp1-B*GZS
z5wp*UulC1nbJFT_5>eG~Ow*}3@kmI9Y*Vox7WL{J6K;eF#!AkP9pT^0s4Y!%(oDrD
z9V%u}GCSTMcls!oZ5u~}s7c3Qh=yT4h}ON`Xvs#xv{67s8`f%lw|VC#uG3Al=~3)~
z62VYRV}g*_hovee%S3>zB0_k@Dptw_hYC(k_HeOOR>k1V1lQ}k4h;+(dOGOFz2r{Y
z(uzxFxR&5jgoO+Vm#PkH-F^^7p?`?Ro!Ayrn}%eXaTSu>;C5UaQR`=B$fV!eQ2J9`
zrDxi{4*w_84%3r51W!_pv?-O4OgNm1Q6n9mc3nLV2E_(-=SS!Sm2ziR$$&^ye*XJG
z^83M8cE+<zK@3$<x)I9@%m*q`3cpY=tv^cFwq4uks?%L{!}eS|YFH6lYbK>pH=?%d
zb$o9<92((pMD>maj{h2z!**|URi>+8&F(LTrtYDFPr!jRK$4&*rUk_Y)Emy`1~Eq`
z$zYmHHAE;O-{7Va8z?^D0ynrc$$>OMs4KQ16xl=oMo|*Q22+xwUn$Hypu9_1_5`o4
zLtE;qcmPWQZRJ)>c=1v>ApTbDJcfR*`OFMgil-u%qA8Ko@{*yCa4nAPVQg}e2`TPG
zQ>o}3p%A3j^3w`q^xdRQs9l3AK%d-7BB0G6T|$l0R#^tUs|=qImg0{*!ckh{2|mpQ
zJ1n#%4jvSyLVj4R{i*OA!>WIGUo(QExF5%G94DyQD*b~@4L&N3<=OgD!+(2l#Srt2
zg;Rd-&^ALf=N3--V?%|cm~Au{jT1|)Q;YJ%+{)~!DKXPpI_WPD{dT`G-E1v4;?wnJ
sW8rvxY47q}bGCJ=v9i+8Q?1s?`TEjHqrSA%dfDpqdyltXUg(_YJ7&vG=Kufz

delta 595
zcmW+xOK1~O6us}wC!fwVF)i3?)Rbl+Wm-~`OoA;c7>ejdT}T#HGWnQP^D~{al|s^$
zxQJqX5CRG=+MT+PaUrEhE47Gd5d;w|D5BsZ2o_tikk&hSaNfP=+;i`{Z!Y&RF1m*S
z=6v&_%KJykv-77a)w8<*qy_-7L{2Mi7ayzx&@}))na<w4di~=59RN!M!22YV(vs1}
zqkriAhEOvoP#^JQzKrl@a{A2Z_q}bL*F^p~TS#a-*M6(me-wE>r_B_}Ie3iq9^{_9
zmP>UX{PL;=phQsIDi$X7JI&Yk0fxf3#2AZ`epv;AX2fiH#LsS%BV8u90>#@rCR5oG
zxj{Tkp(ja*W$6{RK|O4Xx-nW<FDJ7hZfq2d0)j&*2p)S^+U)>KsG5TmjP|z9!`-%r
zH}yXuw#-%0A}(Cui3<x70_dW7;|Uotp-!uqg`okP<QO?m-cXf(;0CxFx6B{rr}&l-
z7Ba%RI4;)26>-DTX&JEmu#Q__*m&DL+b{cZ`&;{Nhu+bYBq<`rrA1kiPsnxoo!sjD
z<T&G~I7R1_^X0yni@E}?OZXOkWbY$UaKCQwfESFP)`+<9)L}Ia^*rZ{_wK)(ak+1k
z7`<Mf#Gd(L#_DjC5|teYWLZ6MntcuEEE?=%m7pRE=~AIw6w?!WrW|Lh!CU=Z2`!t-
dC$-Yx<U}@8D5rEiW!Flj!t`LWFr7F5{U11omD2zK

diff --git a/src/assets/icons/dist/icons.html b/src/assets/icons/dist/icons.html
index 4404dccbe..6ec637837 100644
--- a/src/assets/icons/dist/icons.html
+++ b/src/assets/icons/dist/icons.html
@@ -45,6 +45,7 @@
         -webkit-border-radius: 0 0 3px 3px;
         -moz-border-radius: 0 0 3px 3px;
         border-radius: 0 0 3px 3px;
+        color: #666;
       }
     </style>
 
@@ -141,6 +142,14 @@ <h1>icons</h1>
       <span class="label">sort-1</span>
     </div>
 
+    <div class="preview">
+      <span class="inner">
+        <i class="osf-icon osf-icon-share"></i>
+      </span>
+      <br />
+      <span class="label">share</span>
+    </div>
+
     <div class="preview">
       <span class="inner">
         <i class="osf-icon osf-icon-settings"></i>
@@ -253,6 +262,14 @@ <h1>icons</h1>
       <span class="label">minus</span>
     </div>
 
+    <div class="preview">
+      <span class="inner">
+        <i class="osf-icon osf-icon-menu"></i>
+      </span>
+      <br />
+      <span class="label">menu</span>
+    </div>
+
     <div class="preview">
       <span class="inner">
         <i class="osf-icon osf-icon-meetings"></i>
@@ -285,6 +302,14 @@ <h1>icons</h1>
       <span class="label">linkedin</span>
     </div>
 
+    <div class="preview">
+      <span class="inner">
+        <i class="osf-icon osf-icon-link"></i>
+      </span>
+      <br />
+      <span class="label">link</span>
+    </div>
+
     <div class="preview">
       <span class="inner">
         <i class="osf-icon osf-icon-institutions"></i>
@@ -325,6 +350,14 @@ <h1>icons</h1>
       <span class="label">home</span>
     </div>
 
+    <div class="preview">
+      <span class="inner">
+        <i class="osf-icon osf-icon-help"></i>
+      </span>
+      <br />
+      <span class="label">help</span>
+    </div>
+
     <div class="preview">
       <span class="inner">
         <i class="osf-icon osf-icon-group"></i>
@@ -341,6 +374,14 @@ <h1>icons</h1>
       <span class="label">github</span>
     </div>
 
+    <div class="preview">
+      <span class="inner">
+        <i class="osf-icon osf-icon-fork"></i>
+      </span>
+      <br />
+      <span class="label">fork</span>
+    </div>
+
     <div class="preview">
       <span class="inner">
         <i class="osf-icon osf-icon-folder"></i>
@@ -477,6 +518,14 @@ <h1>icons</h1>
       <span class="label">code</span>
     </div>
 
+    <div class="preview">
+      <span class="inner">
+        <i class="osf-icon osf-icon-close"></i>
+      </span>
+      <br />
+      <span class="label">close</span>
+    </div>
+
     <div class="preview">
       <span class="inner">
         <i class="osf-icon osf-icon-calendar-silhouette"></i>
@@ -485,6 +534,22 @@ <h1>icons</h1>
       <span class="label">calendar-silhouette</span>
     </div>
 
+    <div class="preview">
+      <span class="inner">
+        <i class="osf-icon osf-icon-bookmark"></i>
+      </span>
+      <br />
+      <span class="label">bookmark</span>
+    </div>
+
+    <div class="preview">
+      <span class="inner">
+        <i class="osf-icon osf-icon-arrow"></i>
+      </span>
+      <br />
+      <span class="label">arrow</span>
+    </div>
+
     <div class="preview">
       <span class="inner">
         <i class="osf-icon osf-icon-arrow-down"></i>
diff --git a/src/assets/icons/dist/icons.json b/src/assets/icons/dist/icons.json
index 5ba341dc7..15e63fe81 100644
--- a/src/assets/icons/dist/icons.json
+++ b/src/assets/icons/dist/icons.json
@@ -10,48 +10,56 @@
     "sort-3": 61705,
     "sort-2": 61706,
     "sort-1": 61707,
-    "settings": 61708,
-    "search": 61709,
-    "quotes": 61710,
-    "question-mark": 61711,
-    "publish": 61712,
-    "profile": 61713,
-    "plus": 61714,
-    "pdf": 61715,
-    "papers": 61716,
-    "padlock": 61717,
-    "padlock-unlock": 61718,
-    "orcid": 61719,
-    "my-projects": 61720,
-    "minus": 61721,
-    "meetings": 61722,
-    "materials": 61723,
-    "list": 61724,
-    "linkedin": 61725,
-    "institutions": 61726,
-    "information": 61727,
-    "image": 61728,
-    "hosting": 61729,
-    "home": 61730,
-    "group": 61731,
-    "github": 61732,
-    "folder": 61733,
-    "filter": 61734,
-    "facebook": 61735,
-    "eye-view": 61736,
-    "eye-hidden": 61737,
-    "email": 61738,
-    "download": 61739,
-    "double-arrow-left": 61740,
-    "dots": 61741,
-    "donate": 61742,
-    "doc": 61743,
-    "design": 61744,
-    "data": 61745,
-    "copy": 61746,
-    "collections": 61747,
-    "collect": 61748,
-    "code": 61749,
-    "calendar-silhouette": 61750,
-    "arrow-down": 61751
+    "share": 61708,
+    "settings": 61709,
+    "search": 61710,
+    "quotes": 61711,
+    "question-mark": 61712,
+    "publish": 61713,
+    "profile": 61714,
+    "plus": 61715,
+    "pdf": 61716,
+    "papers": 61717,
+    "padlock": 61718,
+    "padlock-unlock": 61719,
+    "orcid": 61720,
+    "my-projects": 61721,
+    "minus": 61722,
+    "menu": 61723,
+    "meetings": 61724,
+    "materials": 61725,
+    "list": 61726,
+    "linkedin": 61727,
+    "link": 61728,
+    "institutions": 61729,
+    "information": 61730,
+    "image": 61731,
+    "hosting": 61732,
+    "home": 61733,
+    "help": 61734,
+    "group": 61735,
+    "github": 61736,
+    "fork": 61737,
+    "folder": 61738,
+    "filter": 61739,
+    "facebook": 61740,
+    "eye-view": 61741,
+    "eye-hidden": 61742,
+    "email": 61743,
+    "download": 61744,
+    "double-arrow-left": 61745,
+    "dots": 61746,
+    "donate": 61747,
+    "doc": 61748,
+    "design": 61749,
+    "data": 61750,
+    "copy": 61751,
+    "collections": 61752,
+    "collect": 61753,
+    "code": 61754,
+    "close": 61755,
+    "calendar-silhouette": 61756,
+    "bookmark": 61757,
+    "arrow": 61758,
+    "arrow-down": 61759
 }
\ No newline at end of file
diff --git a/src/assets/icons/dist/icons.ts b/src/assets/icons/dist/icons.ts
index f442859c3..00463c528 100644
--- a/src/assets/icons/dist/icons.ts
+++ b/src/assets/icons/dist/icons.ts
@@ -10,6 +10,7 @@ export type IconsId =
   | 'sort-3'
   | 'sort-2'
   | 'sort-1'
+  | 'share'
   | 'settings'
   | 'search'
   | 'quotes'
@@ -24,17 +25,21 @@ export type IconsId =
   | 'orcid'
   | 'my-projects'
   | 'minus'
+  | 'menu'
   | 'meetings'
   | 'materials'
   | 'list'
   | 'linkedin'
+  | 'link'
   | 'institutions'
   | 'information'
   | 'image'
   | 'hosting'
   | 'home'
+  | 'help'
   | 'group'
   | 'github'
+  | 'fork'
   | 'folder'
   | 'filter'
   | 'facebook'
@@ -52,7 +57,10 @@ export type IconsId =
   | 'collections'
   | 'collect'
   | 'code'
+  | 'close'
   | 'calendar-silhouette'
+  | 'bookmark'
+  | 'arrow'
   | 'arrow-down';
 
 export type IconsKey =
@@ -67,6 +75,7 @@ export type IconsKey =
   | 'Sort3'
   | 'Sort2'
   | 'Sort1'
+  | 'Share'
   | 'Settings'
   | 'Search'
   | 'Quotes'
@@ -81,17 +90,21 @@ export type IconsKey =
   | 'Orcid'
   | 'MyProjects'
   | 'Minus'
+  | 'Menu'
   | 'Meetings'
   | 'Materials'
   | 'List'
   | 'Linkedin'
+  | 'Link'
   | 'Institutions'
   | 'Information'
   | 'Image'
   | 'Hosting'
   | 'Home'
+  | 'Help'
   | 'Group'
   | 'Github'
+  | 'Fork'
   | 'Folder'
   | 'Filter'
   | 'Facebook'
@@ -109,7 +122,10 @@ export type IconsKey =
   | 'Collections'
   | 'Collect'
   | 'Code'
+  | 'Close'
   | 'CalendarSilhouette'
+  | 'Bookmark'
+  | 'Arrow'
   | 'ArrowDown';
 
 export enum Icons {
@@ -124,6 +140,7 @@ export enum Icons {
   Sort3 = 'sort-3',
   Sort2 = 'sort-2',
   Sort1 = 'sort-1',
+  Share = 'share',
   Settings = 'settings',
   Search = 'search',
   Quotes = 'quotes',
@@ -138,17 +155,21 @@ export enum Icons {
   Orcid = 'orcid',
   MyProjects = 'my-projects',
   Minus = 'minus',
+  Menu = 'menu',
   Meetings = 'meetings',
   Materials = 'materials',
   List = 'list',
   Linkedin = 'linkedin',
+  Link = 'link',
   Institutions = 'institutions',
   Information = 'information',
   Image = 'image',
   Hosting = 'hosting',
   Home = 'home',
+  Help = 'help',
   Group = 'group',
   Github = 'github',
+  Fork = 'fork',
   Folder = 'folder',
   Filter = 'filter',
   Facebook = 'facebook',
@@ -166,7 +187,10 @@ export enum Icons {
   Collections = 'collections',
   Collect = 'collect',
   Code = 'code',
+  Close = 'close',
   CalendarSilhouette = 'calendar-silhouette',
+  Bookmark = 'bookmark',
+  Arrow = 'arrow',
   ArrowDown = 'arrow-down',
 }
 
@@ -182,48 +206,56 @@ export const ICONS_CODEPOINTS: Record<Icons, string> = {
   [Icons.Sort3]: '61705',
   [Icons.Sort2]: '61706',
   [Icons.Sort1]: '61707',
-  [Icons.Settings]: '61708',
-  [Icons.Search]: '61709',
-  [Icons.Quotes]: '61710',
-  [Icons.QuestionMark]: '61711',
-  [Icons.Publish]: '61712',
-  [Icons.Profile]: '61713',
-  [Icons.Plus]: '61714',
-  [Icons.Pdf]: '61715',
-  [Icons.Papers]: '61716',
-  [Icons.Padlock]: '61717',
-  [Icons.PadlockUnlock]: '61718',
-  [Icons.Orcid]: '61719',
-  [Icons.MyProjects]: '61720',
-  [Icons.Minus]: '61721',
-  [Icons.Meetings]: '61722',
-  [Icons.Materials]: '61723',
-  [Icons.List]: '61724',
-  [Icons.Linkedin]: '61725',
-  [Icons.Institutions]: '61726',
-  [Icons.Information]: '61727',
-  [Icons.Image]: '61728',
-  [Icons.Hosting]: '61729',
-  [Icons.Home]: '61730',
-  [Icons.Group]: '61731',
-  [Icons.Github]: '61732',
-  [Icons.Folder]: '61733',
-  [Icons.Filter]: '61734',
-  [Icons.Facebook]: '61735',
-  [Icons.EyeView]: '61736',
-  [Icons.EyeHidden]: '61737',
-  [Icons.Email]: '61738',
-  [Icons.Download]: '61739',
-  [Icons.DoubleArrowLeft]: '61740',
-  [Icons.Dots]: '61741',
-  [Icons.Donate]: '61742',
-  [Icons.Doc]: '61743',
-  [Icons.Design]: '61744',
-  [Icons.Data]: '61745',
-  [Icons.Copy]: '61746',
-  [Icons.Collections]: '61747',
-  [Icons.Collect]: '61748',
-  [Icons.Code]: '61749',
-  [Icons.CalendarSilhouette]: '61750',
-  [Icons.ArrowDown]: '61751',
+  [Icons.Share]: '61708',
+  [Icons.Settings]: '61709',
+  [Icons.Search]: '61710',
+  [Icons.Quotes]: '61711',
+  [Icons.QuestionMark]: '61712',
+  [Icons.Publish]: '61713',
+  [Icons.Profile]: '61714',
+  [Icons.Plus]: '61715',
+  [Icons.Pdf]: '61716',
+  [Icons.Papers]: '61717',
+  [Icons.Padlock]: '61718',
+  [Icons.PadlockUnlock]: '61719',
+  [Icons.Orcid]: '61720',
+  [Icons.MyProjects]: '61721',
+  [Icons.Minus]: '61722',
+  [Icons.Menu]: '61723',
+  [Icons.Meetings]: '61724',
+  [Icons.Materials]: '61725',
+  [Icons.List]: '61726',
+  [Icons.Linkedin]: '61727',
+  [Icons.Link]: '61728',
+  [Icons.Institutions]: '61729',
+  [Icons.Information]: '61730',
+  [Icons.Image]: '61731',
+  [Icons.Hosting]: '61732',
+  [Icons.Home]: '61733',
+  [Icons.Help]: '61734',
+  [Icons.Group]: '61735',
+  [Icons.Github]: '61736',
+  [Icons.Fork]: '61737',
+  [Icons.Folder]: '61738',
+  [Icons.Filter]: '61739',
+  [Icons.Facebook]: '61740',
+  [Icons.EyeView]: '61741',
+  [Icons.EyeHidden]: '61742',
+  [Icons.Email]: '61743',
+  [Icons.Download]: '61744',
+  [Icons.DoubleArrowLeft]: '61745',
+  [Icons.Dots]: '61746',
+  [Icons.Donate]: '61747',
+  [Icons.Doc]: '61748',
+  [Icons.Design]: '61749',
+  [Icons.Data]: '61750',
+  [Icons.Copy]: '61751',
+  [Icons.Collections]: '61752',
+  [Icons.Collect]: '61753',
+  [Icons.Code]: '61754',
+  [Icons.Close]: '61755',
+  [Icons.CalendarSilhouette]: '61756',
+  [Icons.Bookmark]: '61757',
+  [Icons.Arrow]: '61758',
+  [Icons.ArrowDown]: '61759',
 };
diff --git a/src/assets/icons/dist/icons.woff b/src/assets/icons/dist/icons.woff
index 96e1eaffdc7160967774d9ce64ce3e3828e9abf6..26f5fca7e16dda16c7d7b514ba4cb17bda5707c2 100644
GIT binary patch
delta 7169
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
D0+gdB

delta 6425
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

diff --git a/src/assets/icons/dist/icons.woff2 b/src/assets/icons/dist/icons.woff2
index b57a283de9eb2899e0ce7e5d35548884d049e6de..f25e0e415587b4dcb284b074f108273c59a041a2 100644
GIT binary patch
literal 6312
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

literal 5648
zcmV+r7VqhIPew8T0RR9102UAc3jhEB05E_602RRi0RR9100000000000000000000
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

diff --git a/src/assets/icons/source/arrow.svg b/src/assets/icons/source/arrow.svg
new file mode 100644
index 000000000..c22647a2e
--- /dev/null
+++ b/src/assets/icons/source/arrow.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <defs/>
+  <path d="M9.984,8.331 C9.985,8.418 9.968,8.505 9.936,8.587 C9.904,8.668 9.856,8.742 9.796,8.804 L5.9,12.804 C5.778,12.93 5.612,13 5.439,13 C5.266,13 5.1,12.93 4.978,12.804 C4.856,12.678 4.787,12.508 4.787,12.331 C4.787,12.153 4.856,11.983 4.978,11.857 L8.419,8.331 L4.985,4.804 C4.878,4.676 4.823,4.512 4.829,4.345 C4.835,4.177 4.903,4.018 5.019,3.899 C5.134,3.78 5.289,3.711 5.453,3.704 C5.616,3.698 5.776,3.755 5.9,3.864 L9.796,7.864 C9.916,7.988 9.983,8.156 9.984,8.331 Z"/>
+</svg>
+
diff --git a/src/assets/icons/source/bookmark.svg b/src/assets/icons/source/bookmark.svg
new file mode 100644
index 000000000..3fd066e6e
--- /dev/null
+++ b/src/assets/icons/source/bookmark.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <defs/>
+  <path d="M2.562,23.863 C2.732,23.958 2.925,24.005 3.119,24 C3.314,23.994 3.504,23.937 3.669,23.834 L11.818,18.741 L19.967,23.834 C20.132,23.937 20.322,23.994 20.517,23.999 C20.711,24.005 20.904,23.957 21.074,23.863 C21.244,23.769 21.386,23.63 21.485,23.462 C21.584,23.295 21.636,23.104 21.636,22.909 L21.636,3.273 C21.636,2.405 21.291,1.572 20.678,0.959 C20.064,0.345 19.231,0 18.363,0 L5.273,0 C4.405,0 3.572,0.345 2.959,0.959 C2.345,1.572 2,2.405 2,3.273 L2,22.909 C2,23.104 2.052,23.295 2.151,23.463 C2.25,23.631 2.391,23.769 2.562,23.863 Z M4.182,3.273 C4.182,2.983 4.297,2.706 4.501,2.501 C4.706,2.297 4.983,2.182 5.273,2.182 L18.363,2.182 C18.653,2.182 18.93,2.297 19.135,2.501 C19.339,2.706 19.454,2.983 19.454,3.273 L19.454,20.945 L12.396,16.534 C12.223,16.425 12.023,16.368 11.818,16.368 C11.614,16.368 11.413,16.425 11.24,16.534 L4.182,20.945 L4.182,3.273 Z"/>
+</svg>
+
diff --git a/src/assets/icons/source/close.svg b/src/assets/icons/source/close.svg
new file mode 100644
index 000000000..ecb33baa7
--- /dev/null
+++ b/src/assets/icons/source/close.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <defs/>
+  <path d="M2.586,14 C2.47,14 2.357,13.966 2.26,13.901 C2.164,13.837 2.089,13.745 2.045,13.638 C2,13.531 1.989,13.413 2.011,13.3 C2.034,13.186 2.09,13.082 2.172,12.999 L13,2.172 C13.11,2.062 13.258,2 13.414,2 C13.569,2 13.718,2.062 13.828,2.172 C13.938,2.282 14,2.431 14,2.586 C14,2.741 13.938,2.89 13.828,3 L3,13.828 C2.946,13.883 2.881,13.926 2.81,13.955 C2.739,13.985 2.663,14 2.586,14 Z"/>
+  <path d="M13.414,14 C13.337,14 13.261,13.985 13.19,13.955 C13.118,13.926 13.054,13.883 12.999,13.828 L2.172,3 C2.062,2.89 2,2.741 2,2.586 C2,2.431 2.062,2.282 2.172,2.172 C2.282,2.062 2.431,2 2.586,2 C2.741,2 2.89,2.062 3,2.172 L13.828,12.999 C13.91,13.082 13.966,13.186 13.989,13.3 C14.011,13.413 14,13.531 13.955,13.638 C13.911,13.745 13.836,13.837 13.739,13.901 C13.643,13.966 13.53,14 13.414,14 Z"/>
+</svg>
+
diff --git a/src/assets/icons/source/fork.svg b/src/assets/icons/source/fork.svg
new file mode 100644
index 000000000..78f2fc9b7
--- /dev/null
+++ b/src/assets/icons/source/fork.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <defs/>
+  <path d="M19.125,2.875 C18.542,2.292 17.834,2 17,2 C16.167,2 15.459,2.292 14.875,2.875 C14.292,3.458 14.001,4.167 14.001,5 C14.001,5.542 14.136,6.044 14.406,6.508 C14.677,6.971 15.041,7.333 15.5,7.594 C15.5,8.135 15.456,8.612 15.368,9.024 C15.279,9.435 15.133,9.797 14.93,10.11 C14.727,10.422 14.516,10.688 14.297,10.906 C14.078,11.125 13.771,11.331 13.375,11.524 C12.979,11.716 12.612,11.877 12.274,12.008 C11.935,12.138 11.479,12.292 10.906,12.469 C9.865,12.792 9.063,13.088 8.5,13.359 L8.5,5.594 C8.958,5.333 9.323,4.971 9.594,4.508 C9.865,4.044 10,3.542 10,3 C10,2.167 9.708,1.458 9.125,0.875 C8.542,0.292 7.834,0 7,0 C6.167,0 5.458,0.292 4.875,0.875 C4.292,1.458 4,2.167 4,3 C4,3.542 4.135,4.044 4.406,4.508 C4.677,4.971 5.041,5.333 5.5,5.594 L5.5,18.406 C5.041,18.667 4.677,19.029 4.406,19.492 C4.135,19.956 4,20.459 4,21 C4,21.834 4.292,22.542 4.875,23.125 C5.458,23.708 6.167,24 7,24 C7.833,24 8.542,23.708 9.125,23.125 C9.708,22.542 10,21.833 10,21 C10,20.459 9.865,19.956 9.594,19.492 C9.323,19.029 8.958,18.667 8.5,18.406 L8.5,18 C8.5,17.282 8.716,16.761 9.148,16.438 C9.581,16.115 10.463,15.745 11.797,15.329 C13.204,14.88 14.261,14.458 14.969,14.062 C17.302,12.74 18.48,10.583 18.5,7.594 C18.959,7.333 19.323,6.971 19.594,6.508 C19.865,6.044 20,5.542 20,5 C20,4.167 19.709,3.459 19.125,2.875 Z M8.063,22.063 C7.771,22.355 7.417,22.501 7,22.501 C6.584,22.501 6.229,22.355 5.938,22.063 C5.646,21.772 5.5,21.417 5.5,21.001 C5.5,20.584 5.646,20.23 5.938,19.938 C6.229,19.646 6.584,19.501 7,19.501 C7.417,19.501 7.771,19.647 8.063,19.938 C8.355,20.23 8.5,20.584 8.5,21.001 C8.5,21.417 8.355,21.772 8.063,22.063 Z M8.063,4.063 C7.771,4.354 7.417,4.5 7,4.5 C6.584,4.5 6.229,4.354 5.938,4.063 C5.646,3.771 5.5,3.417 5.5,3 C5.5,2.583 5.646,2.229 5.938,1.938 C6.229,1.646 6.584,1.5 7,1.5 C7.417,1.5 7.771,1.646 8.063,1.938 C8.355,2.229 8.5,2.583 8.5,3 C8.5,3.417 8.355,3.771 8.063,4.063 Z M18.063,6.063 C17.771,6.354 17.417,6.5 17.001,6.5 C16.584,6.5 16.229,6.354 15.938,6.063 C15.646,5.771 15.501,5.417 15.501,5 C15.501,4.584 15.646,4.23 15.938,3.938 C16.23,3.646 16.584,3.5 17.001,3.5 C17.417,3.5 17.771,3.646 18.063,3.938 C18.354,4.229 18.5,4.584 18.5,5 C18.5,5.417 18.355,5.771 18.063,6.063 Z"/>
+</svg>
+
diff --git a/src/assets/icons/source/help.svg b/src/assets/icons/source/help.svg
new file mode 100644
index 000000000..67a7c52fc
--- /dev/null
+++ b/src/assets/icons/source/help.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+  <defs/>
+  <path d="M10,0 C15.528,0 20,4.473 20,10 C20,15.528 15.527,20 10,20 C4.472,20 0,15.527 0,10 C0,4.472 4.473,0 10,0 Z M11.205,9.56 C11.56,9.284 12.679,8.389 12.679,7.151 C12.679,5.914 11.56,4.979 9.875,4.979 C8.098,4.979 7.282,6.032 7.282,6.743 C7.282,7.256 7.716,7.493 8.072,7.493 C8.783,7.493 8.493,6.48 9.836,6.48 C10.494,6.48 11.02,6.769 11.02,7.375 C11.02,8.086 10.283,8.494 9.849,8.862 C9.467,9.191 8.967,9.731 8.967,10.863 C8.967,11.548 9.151,11.745 9.691,11.745 C10.336,11.745 10.467,11.455 10.467,11.205 C10.467,10.521 10.481,10.126 11.205,9.56 Z M9.704,14.68 C10.27,14.68 10.718,14.207 10.718,13.667 C10.718,13.114 10.257,12.653 9.704,12.653 C9.151,12.653 8.704,13.114 8.704,13.667 C8.704,14.207 9.138,14.68 9.704,14.68 Z"/>
+</svg>
+
diff --git a/src/assets/icons/source/link.svg b/src/assets/icons/source/link.svg
new file mode 100644
index 000000000..57d3a53c4
--- /dev/null
+++ b/src/assets/icons/source/link.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <defs/>
+  <path d="M14.644,9.355 C14.968,9.68 15.137,10.128 15.108,10.586 C15.08,10.97 14.915,11.33 14.644,11.602 C14.012,12.196 13.028,12.196 12.396,11.602 C11.459,10.667 9.942,10.667 9.005,11.602 L3.898,16.705 C2.96,17.643 2.96,19.163 3.898,20.101 C4.835,21.038 6.355,21.038 7.293,20.101 L10.313,17.077 C10.427,16.962 10.599,16.928 10.748,16.989 C11.561,17.32 12.431,17.488 13.308,17.485 L13.468,17.485 C13.689,17.484 13.869,17.662 13.87,17.883 C13.871,17.99 13.828,18.093 13.752,18.169 L9.553,22.368 C8.504,23.418 7.081,24.005 5.597,24 C2.505,23.998 0,21.49 0.002,18.397 C0.003,16.916 0.591,15.495 1.638,14.446 L6.725,9.355 C7.774,8.302 9.199,7.712 10.684,7.715 C11.755,7.715 12.803,8.022 13.704,8.599 C14.044,8.815 14.359,9.069 14.644,9.355 Z"/>
+  <path d="M22.358,1.64 C24.544,3.827 24.544,7.372 22.358,9.559 L17.267,14.65 C16.551,15.366 15.653,15.875 14.671,16.121 L14.627,16.121 L14.395,16.169 L14.267,16.193 L13.991,16.233 L13.855,16.233 C13.751,16.233 13.659,16.253 13.571,16.257 L13.331,16.285 L13.027,16.285 C12.828,16.277 12.629,16.259 12.431,16.229 C12.267,16.201 12.108,16.169 11.948,16.129 L11.712,16.065 C11.628,16.041 11.54,16.013 11.456,15.981 C11.372,15.949 11.284,15.921 11.2,15.885 C11.116,15.849 11.032,15.817 10.948,15.777 C10.352,15.502 9.811,15.123 9.348,14.658 C9.024,14.333 8.855,13.884 8.884,13.426 C8.91,13.04 9.075,12.676 9.348,12.402 C9.979,11.808 10.964,11.808 11.596,12.402 C12.533,13.338 14.05,13.338 14.987,12.402 L16.299,11.098 L16.331,11.062 L20.082,7.315 C21.02,6.377 21.02,4.857 20.082,3.92 C19.145,2.982 17.624,2.982 16.687,3.92 L13.675,6.927 C13.561,7.042 13.389,7.077 13.239,7.015 C12.428,6.683 11.56,6.514 10.684,6.515 L10.536,6.515 C10.373,6.518 10.224,6.422 10.16,6.271 C10.095,6.121 10.129,5.947 10.244,5.831 L14.439,1.64 C16.626,-0.547 20.171,-0.547 22.358,1.64 Z"/>
+</svg>
+
diff --git a/src/assets/icons/source/menu.svg b/src/assets/icons/source/menu.svg
new file mode 100644
index 000000000..2920de184
--- /dev/null
+++ b/src/assets/icons/source/menu.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
+  <defs/>
+  <path d="M32.583,18.385 L1.417,18.385 C0.635,18.385 0,17.764 0,17 C0,16.236 0.635,15.615 1.417,15.615 L32.583,15.615 C33.365,15.615 34,16.236 34,17 C34,17.764 33.365,18.385 32.583,18.385 Z M32.583,7.769 L1.417,7.769 C0.635,7.769 0,7.149 0,6.385 C0,5.62 0.635,5 1.417,5 L32.583,5 C33.365,5 34,5.62 34,6.385 C34,7.149 33.365,7.769 32.583,7.769 Z M1.417,29 C0.635,29 0,28.38 0,27.615 C0,26.851 0.635,26.231 1.417,26.231 L32.583,26.231 C33.365,26.231 34,26.851 34,27.615 C34,28.38 33.365,29 32.583,29 Z"/>
+</svg>
+
diff --git a/src/assets/icons/source/share.svg b/src/assets/icons/source/share.svg
new file mode 100644
index 000000000..6ee3422eb
--- /dev/null
+++ b/src/assets/icons/source/share.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <defs/>
+  <path d="M17.578,15.528 C16.744,15.528 15.909,15.781 15.201,16.236 L10.371,13.024 C10.548,12.341 10.548,11.633 10.371,10.95 L15.201,7.764 C16.314,8.523 17.73,8.7 18.995,8.244 C20.259,7.789 21.245,6.778 21.65,5.488 C22.055,4.198 21.777,2.807 20.993,1.72 C20.183,0.632 18.919,0 17.578,0 C16.238,0 14.974,0.632 14.164,1.72 C13.355,2.807 13.127,4.198 13.507,5.488 L8.803,8.599 C7.968,7.966 6.906,7.663 5.844,7.764 C4.782,7.865 3.821,8.346 3.113,9.13 C2.405,9.914 2,10.925 2,11.987 C2,13.05 2.405,14.061 3.113,14.845 C3.821,15.629 4.807,16.11 5.844,16.211 C6.881,16.312 7.943,16.008 8.803,15.376 L13.532,18.512 C13.406,18.917 13.355,19.321 13.355,19.751 C13.355,20.889 13.81,21.951 14.594,22.761 C15.378,23.545 16.466,24 17.604,24 C18.742,24 19.804,23.545 20.613,22.761 C21.397,21.977 21.852,20.889 21.852,19.751 C21.852,18.613 21.397,17.551 20.613,16.742 C19.779,15.983 18.691,15.528 17.578,15.528 Z"/>
+</svg>
+
diff --git a/src/assets/styles/_mixins.scss b/src/assets/styles/_mixins.scss
index 2e409f7de..ef98f300e 100644
--- a/src/assets/styles/_mixins.scss
+++ b/src/assets/styles/_mixins.scss
@@ -10,6 +10,11 @@
   align-items: center;
 }
 
+@mixin flex-between {
+  display: flex;
+  justify-content: space-between;
+}
+
 @mixin flex-align-center {
   display: flex;
   align-items: center;
diff --git a/src/assets/styles/overrides/button.scss b/src/assets/styles/overrides/button.scss
index 9f5143535..90f8d22cf 100644
--- a/src/assets/styles/overrides/button.scss
+++ b/src/assets/styles/overrides/button.scss
@@ -130,6 +130,12 @@
   }
 }
 
+.topnav-btn {
+  .p-button {
+    padding: 0.5rem;
+  }
+}
+
 .btn-full-width {
   .p-button {
     width: 100%;
diff --git a/src/assets/styles/overrides/drawer.scss b/src/assets/styles/overrides/drawer.scss
new file mode 100644
index 000000000..c8c319f00
--- /dev/null
+++ b/src/assets/styles/overrides/drawer.scss
@@ -0,0 +1,15 @@
+@use "../variables" as var;
+
+.p-drawer.p-drawer-active.p-drawer-left {
+  width: 100%;
+  background-color: var.$dark-blue-1;
+  padding-left: 1.8rem;
+}
+
+.p-drawer-header {
+  height: 6.17rem;
+}
+
+.p-drawer-content {
+  padding: 0;
+}
diff --git a/src/assets/styles/styles.scss b/src/assets/styles/styles.scss
index a1cbadb99..367d1a052 100644
--- a/src/assets/styles/styles.scss
+++ b/src/assets/styles/styles.scss
@@ -7,6 +7,7 @@
 @use "./overrides/divider";
 @use "./overrides/table";
 @use "./overrides/message";
+@use "./overrides/drawer";
 
 @layer base, primeng, reset;
 

From d0f38faa1c11c935651a0e815bb1cc0122f1b370 Mon Sep 17 00:00:00 2001
From: Roman Nastyuk <rnastyuk@exoft.net>
Date: Fri, 14 Mar 2025 13:42:40 +0200
Subject: [PATCH 2/2] feat(add-mobile-styles): removed hover effect from topnav
 button

---
 src/assets/styles/overrides/button.scss | 6 +++++-
 src/assets/styles/overrides/drawer.scss | 3 ++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/assets/styles/overrides/button.scss b/src/assets/styles/overrides/button.scss
index 90f8d22cf..79e0d4476 100644
--- a/src/assets/styles/overrides/button.scss
+++ b/src/assets/styles/overrides/button.scss
@@ -132,7 +132,11 @@
 
 .topnav-btn {
   .p-button {
-    padding: 0.5rem;
+    padding: 0;
+
+    &:hover {
+      background: none;
+    }
   }
 }
 
diff --git a/src/assets/styles/overrides/drawer.scss b/src/assets/styles/overrides/drawer.scss
index c8c319f00..a739b8bd2 100644
--- a/src/assets/styles/overrides/drawer.scss
+++ b/src/assets/styles/overrides/drawer.scss
@@ -7,7 +7,8 @@
 }
 
 .p-drawer-header {
-  height: 6.17rem;
+  height: 6.1rem;
+  padding: 0;
 }
 
 .p-drawer-content {