From 50dda62ae13c9c1d3c4fdf692bb4c629b3f1070f Mon Sep 17 00:00:00 2001
From: Venkata Chandra Sekhar Nainala <mailcs76@gmail.com>
Date: Wed, 11 Sep 2024 07:20:07 +0200
Subject: [PATCH] fix: recent molecules max width and mobile nav bar missing
 links added

---
 resources/views/livewire/header.blade.php           | 8 ++++++--
 resources/views/livewire/recent-molecules.blade.php | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/resources/views/livewire/header.blade.php b/resources/views/livewire/header.blade.php
index e5446a75..ec53727c 100644
--- a/resources/views/livewire/header.blade.php
+++ b/resources/views/livewire/header.blade.php
@@ -116,10 +116,14 @@ class="fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm
                         <div class="space-y-2 py-6">
                             <a href="/search"
                                 class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Search</a>
-                            <a href="/api-documentation"
-                                class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">API</a>
+                            <a href="/collections"
+                                class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Collections</a>
                             <a href="https://steinbeck-lab.github.io/coconut/introduction.html"
                                 class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Documentation</a>
+                            <a href="/api-documentation"
+                                class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">REST API</a>
+                            <a href="https://github.com/Steinbeck-Lab/coconut"
+                                class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Codebase</a>
                             <a href="/about"
                                 class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">About
                                 us</a>
diff --git a/resources/views/livewire/recent-molecules.blade.php b/resources/views/livewire/recent-molecules.blade.php
index d4c58b31..50842f2f 100644
--- a/resources/views/livewire/recent-molecules.blade.php
+++ b/resources/views/livewire/recent-molecules.blade.php
@@ -14,7 +14,7 @@ class="inline-flex items-center rounded-md bg-secondary-dark px-3 py-2 text-sm f
         </div>
         <div>
             <div class="px-6">
-                <div class="mx-auto grid mt-6 gap-5 lg:max-w-none md:grid-cols-3 lg:grid-cols-5">
+                <div class="mx-auto grid mt-6 gap-5 lg:max-w-none md:grid-cols-3 lg:grid-cols-5 grid-cols-1">
                     @foreach ($molecules as $molecule)
                         <livewire:molecule-card :key="$molecule->identifier" :molecule="$molecule" />
                     @endforeach