update

Author: noatgnu

src/app/collate/collate.component.html

@@ -1,6 +1,6 @@
 
+<app-breadcrumb></app-breadcrumb>
 <div class="collate-container">
-  <app-breadcrumb></app-breadcrumb>
   <div class="header-container" style="display: flex; flex-direction: row; justify-content: center; align-items: center; height: 200px">
     <div class="header" style="text-align: center; font-family: Roboto, Helvetica Neue, sans-serif">
       <h1>C|nder Collates</h1><br>

src/app/collate/cytoscape-plot/cytoscape-plot.component.scss

@@ -1,9 +1,10 @@
 .side-by-side-container {
   display: flex;
   flex-direction: row;
-  gap: 8px;
+  gap: 16px;
   width: 100%;
   height: calc(100vh - 100px);
+  padding-left: 16px;
 }
 
 .cytoscape-plot-container {

src/app/project/project-view/project-view.component.html

@@ -1,6 +1,6 @@
+<app-breadcrumb></app-breadcrumb>
 <div style="display: flex; flex-direction: row; justify-content: center; padding: 50px">
   <div style="width: 100%">
-    <app-breadcrumb></app-breadcrumb>
     @if (project) {
       <form (ngSubmit)="updateProject()" [formGroup]="form" style="display: flex; flex-direction: column; gap: 20px">
         <mat-form-field style="width: 100%">

src/app/search-session/search-session-view/search-session-view.component.html

@@ -1,6 +1,6 @@
+<app-breadcrumb></app-breadcrumb>
 <div style="display: flex; flex-direction: row; justify-content: center">
   <div style="width: 100%; padding: 50px">
-    <app-breadcrumb></app-breadcrumb>
     @if (selectedSearchResult) {
       <div>
         <app-selected-result-view [searchResult]="selectedSearchResult"></app-selected-result-view>

src/app/shared/breadcrumb/breadcrumb.component.ts

@@ -38,7 +38,7 @@ import { MatIconModule } from '@angular/material/icon';
     `,
   styles: [`
     .breadcrumb-nav {
-      padding: 16px 0;
+      padding: 16px 50px;
       background-color: transparent;
     }