From d5edb137ad58ccb421663448dab2299b93ae4f4a Mon Sep 17 00:00:00 2001
From: lianahus <liana@ethereum.org>
Date: Tue, 16 Jul 2024 16:23:05 +0200
Subject: [PATCH] adding more info to templates.

---
 .../templates-selection-plugin.tsx             | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

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 013ae3ca63..bbc852beb8 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
@@ -168,22 +168,22 @@ export class TemplatesSelectionPlugin extends ViewPlugin {
                 >
                   <div className='d-flex justify-content-between h-100 flex-column'>
                     <div className='d-flex flex-column'>
-                      {false && <CustomTooltip
+                    <CustomTooltip
                         placement="auto"
                         tooltipId={`overlay-tooltip-new${item.displayName}`}
                         tooltipText={item.displayName}
                       >
                         <span className='text-truncate overflow-hidden whitespace-nowrap'>{item.displayName}</span>
-                      </CustomTooltip>}
-                      <div className=''>
+                      </CustomTooltip>
+                      <div>
                         {(item.displayName && !item.description) && <span className=''>{item.displayName}</span>}
                         {item.description && <span className=''>{item.description}</span>}
-                        <div>
-                          {(item.opts && item.opts.upgradeable && item.opts.upgradeable === 'uups') && <span className='badgeForCell text-dark'>Upgradeable-UUPS</span>}
-                          {(item.opts && item.opts.mintable) && <span className='badgeForCell text-dark'>mintable</span>}
-                          {(item.opts && item.opts.burnable) && <span className='badgeForCell text-dark'>burnable</span>}
-                          {(item.opts && item.opts.pausable) && <span className='badgeForCell text-dark'>pausable</span>}
-                        </div>                   
+                      </div>
+                      <div className='d-flex flex-wrap'>
+                        {(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>}
+                        {(item.opts && item.opts.pausable) && <span className='badgeForCell text-secondary'>pausable</span>}
                       </div>
                     </div>
                     <div className='align-items-center justify-content-between w-100 d-flex pt-2 flex-row'>