From d280627ea2be69deaa0ad7dfd029b59de98789dd Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Tue, 3 Sep 2024 11:31:40 +0200
Subject: [PATCH] update css label

---
 .../templates-selection/templates-selection-plugin.css   | 9 ++++++++-
 .../templates-selection/templates-selection-plugin.tsx   | 4 ++--
 .../src/app/plugins/templates-selection/templates.ts     | 1 +
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.css b/apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.css
index f6e9f504f1..c01c4027fd 100644
--- a/apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.css
+++ b/apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.css
@@ -1,5 +1,12 @@
 .TSCellStyle {
-  min-height: 8.5rem;
+  min-height: 9rem;
+  max-width: 13rem;
+  min-width: 13rem;
+  max-height: 8.5rem;
+}
+
+.TSCellStyleShort {
+  min-height: 5rem;
   max-width: 13rem;
   min-width: 13rem;
   max-height: 8.5rem;
diff --git a/apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.tsx b/apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.tsx
index 7ff0e5559f..86ee7b38ad 100644
--- a/apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.tsx
+++ b/apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.tsx
@@ -167,14 +167,14 @@ export class TemplatesSelectionPlugin extends ViewPlugin {
                   id={item.name}
                   searchKeywords={[item.displayName, item.description, template.name]}
                   tagList={item.tagList}
-                  classList='TSCellStyle'
+                  classList={'TSCellStyle' + (!item.description ? 'Short' : '')}
                 >
                   <div className='d-flex justify-content-between h-100 flex-column'>
                     <div className='d-flex flex-column'>
                       <div>
                         {item.description && <span className='text-dark'>{item.description}</span>}
                       </div>
-                      <div className='d-flex flex-wrap'>
+                      <div className='d-flex flex-wrap mb-2'>
                         {(item.opts && item.opts.upgradeable && item.opts.upgradeable === 'uupds') && <span className='badgeForCell badge text-secondary'>Upgradeable-UUPS</span>}
                         {(item.opts && item.opts.mintable) && <span className='badgeForCell text-secondary'>mintable</span>}
                         {(item.opts && item.opts.burnable) && <span className='badgeForCell text-secondary'>burnable</span>}
diff --git a/apps/remix-ide/src/app/plugins/templates-selection/templates.ts b/apps/remix-ide/src/app/plugins/templates-selection/templates.ts
index 0d3fe23b0d..5bde8d57ef 100644
--- a/apps/remix-ide/src/app/plugins/templates-selection/templates.ts
+++ b/apps/remix-ide/src/app/plugins/templates-selection/templates.ts
@@ -264,6 +264,7 @@ export const templates = (intl, plugin) => {
         await plugin.call('manager', 'activatePlugin', 'cookbookdev')
         plugin.call('menuicons', 'showContent', 'cookbookdev')
       },
+      onClickLabel: 'Open Cookbook Plugin',
       description: 'Discover more templates!',
       items: [
         { value: "token-sale", displayName: 'Token Sale' },