From 3e1197c241fd3e8e1cb22673d3f1600207377a60 Mon Sep 17 00:00:00 2001
From: Venkata Chandra Sekhar Nainala <mailcs76@gmail.com>
Date: Thu, 6 Jun 2024 10:59:51 +0200
Subject: [PATCH] fix: add more button when synonyms are available and above
 certain count

---
 .../views/livewire/molecule-details.blade.php | 23 +++++++++----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/resources/views/livewire/molecule-details.blade.php b/resources/views/livewire/molecule-details.blade.php
index 5c7fe7e8..8259c363 100644
--- a/resources/views/livewire/molecule-details.blade.php
+++ b/resources/views/livewire/molecule-details.blade.php
@@ -256,7 +256,7 @@ class="text-sm font-medium text-gray-500 sm:flex sm:justify-between">
                                     @endif
                             </div>
                             <div class="px-4 py-6 sm:px-6">
-                                @if ($molecule->synonyms && count($molecule->synonyms) > 0)
+                                @if ($molecule->synonyms && count($molecule->synonyms) > 0 )
                                     <div class="not-prose flex gap-3">
                                         <div <ul role="list" class="mt-2 leading-8">
                                             @foreach ($molecule->synonyms as $index => $synonym)
@@ -273,20 +273,19 @@ class="text-sm font-medium text-gray-500 sm:flex sm:justify-between">
                                             </ul>
                                         </div>
                                     </div>
+                                    <div class="justify-center mt-4 ">
+                                        <button @click="showAllSynonyms = true" x-show="!showAllSynonyms"
+                                            class="text-base font-semibold leading-7 text-secondary-dark text-sm">
+                                            View More ↓
+                                        </button>
+                                        <button @click="showAllSynonyms = false" x-show="showAllSynonyms"
+                                            class="text-base font-semibold leading-7 text-secondary-dark  text-sm">
+                                            View Less ↑
+                                        </button>
+                                    </div>
                                 @else
                                     <span>No synonyms or alternative names were found for this compound</span>
                                 @endif
-
-                                <div class="justify-center mt-4 ">
-                                    <button @click="showAllSynonyms = true" x-show="!showAllSynonyms"
-                                        class="text-base font-semibold leading-7 text-secondary-dark text-sm">
-                                        View More ↓
-                                    </button>
-                                    <button @click="showAllSynonyms = false" x-show="showAllSynonyms"
-                                        class="text-base font-semibold leading-7 text-secondary-dark  text-sm">
-                                        View Less ↑
-                                    </button>
-                                </div>
                                 <div class="gap-3 mt-4">
                                     @if ($molecule->cas && count($molecule->cas) > 0)
                                         <h2 id="notes-title" class="text-md font-medium text-gray-900">CAS</h2>