Merge pull request #6111 from ethereum/cookbook-font-focus

Cookbook Template explorer fixes

Author: yann300

apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.tsx

@@ -272,7 +272,7 @@ export class TemplatesSelectionPlugin extends ViewPlugin {
               >
                 <div className='d-flex justify-content-between h-100 flex-column'>
                   <span className='pt-4 px-1 h6 text-dark'>{template.description}</span>
-                  <span style={{ cursor: 'pointer' }} className='mt-2 btn btn-sm border align-items-left' onClick={() => template.onClick()}>{template.onClickLabel}</span>
+                  <span style={{ cursor: 'pointer' }} className='mt-2 mb-1 btn btn-sm border align-items-left' onClick={() => template.onClick()}>{template.onClickLabel}</span>
                 </div>
               </RemixUIGridCell>}
             </RemixUIGridSection>

apps/remix-ide/src/app/plugins/templates-selection/templates.ts

@@ -268,7 +268,7 @@ export const templates = (intl: any, plugin: any): TemplateGroup[] => {
       tooltip: "Cookbook is a Smart Contract Search Tool. Click here to open Cookbook and browse Contracts.",
       onClick: async () => {
         await plugin.call('manager', 'activatePlugin', 'cookbookdev')
-        await plugin.call('menuicons', 'showContent', 'cookbookdev')
+        await plugin.call('sidePanel', 'focus', 'cookbookdev')
       },
       onClickLabel: 'Open Cookbook Plugin',
       description: 'Discover more templates!',