style improvements in plugin details and search

libs/remix-ui/panel/src/lib/plugins/panel-header.tsx

@@ -26,9 +26,9 @@ const RemixUIPanelHeader = (props: RemixPanelProps) => {
 
   return (
     <header className='d-flex flex-column'>
-      <div className="swapitHeader px-3 pt-3 pb-0 d-flex flex-row">
-        <h6 className="mb-3" data-id='sidePanelSwapitTitle'>{plugin?.profile.displayName || plugin?.profile.name}</h6>
-        <div className="d-flex flex-row">
+      <div className="swapitHeader px-3 pt-2 pb-0 d-flex flex-row">
+        <h6 className="mb-2" data-id='sidePanelSwapitTitle'>{plugin?.profile.displayName || plugin?.profile.name}</h6>
+        <div className="mt-2 d-flex flex-row">
           <div className="d-flex flex-row">
             {plugin?.profile?.maintainedBy?.toLowerCase() === "remix" && (<i aria-hidden="true" className="text-success mt-1 px-1 fas fa-check" title="Maintained by Remix"></i>)}
           </div>
@@ -37,7 +37,7 @@ const RemixUIPanelHeader = (props: RemixPanelProps) => {
           </div>
         </div>
       </div>
-      <div className={`bg-light p-3 pt-1 border-bottom flex-column ${toggleExpander ? "d-flex" : "d-none"}`}>
+      <div className={`bg-light mx-3 mb-2 p-3 pt-1 border-bottom flex-column ${toggleExpander ? "d-flex" : "d-none"}`}>
         {plugin?.profile?.author && <span className="d-flex flex-row align-items-center">
           <label className="mb-0 pr-2">Author:</label>
           <span> { plugin?.profile.author } </span>
@@ -49,7 +49,7 @@ const RemixUIPanelHeader = (props: RemixPanelProps) => {
         {plugin?.profile?.documentation && <span className="d-flex flex-row align-items-center">
           <label className="mb-0 pr-2">Documentation:</label>
           <span>
-            <a href={plugin?.profile?.documentation} className="titleInfo mb-2" title="link to documentation" target="_blank" rel="noreferrer"><i aria-hidden="true" className="fas fa-book"></i></a>
+            <a href={plugin?.profile?.documentation} className="titleInfo p-0 mb-2" title="link to documentation" target="_blank" rel="noreferrer"><i aria-hidden="true" className="fas fa-book"></i></a>
           </span>
         </span>}
         {plugin?.profile?.description && <span className="d-flex flex-row align-items-baseline">

libs/remix-ui/search/src/lib/components/Search.tsx

@@ -13,7 +13,7 @@ export const SearchTab = props => {
 
   return (
     <>
-      <div className="search_plugin_search_tab px-2 pb-4">
+      <div className="search_plugin_search_tab pr-4 px-2 pb-4">
         <SearchProvider plugin={plugin}>
           <FindContainer></FindContainer>
           <Include></Include>

libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx

@@ -188,7 +188,7 @@ export function Workspace () {
   }
 
   return (
-    <div className='remixui_container'>
+    <div className='px-2 remixui_container'>
       <div className='remixui_fileexplorer' data-id="remixUIWorkspaceExplorer" onClick={resetFocus}>
         <div>
           <header>