fixing udapp deployed item layout

libs/remix-ui/run-tab/src/lib/components/instanceContainerUI.tsx

@@ -12,7 +12,7 @@ export function InstanceContainerUI (props: InstanceContainerProps) {
 
   return (
     <div className="udapp_instanceContainer mt-3 border-0 list-group-item">
-      <label className="udapp_deployedContracts d-flex justify-content-between align-items-center pl-2 mb-0"
+      <label className="udapp_deployedContracts d-flex justify-content-between align-items-center pl-2 mb-1"
         title="Autogenerated generic user interfaces for interaction with deployed contracts">
         Deployed Contracts
         { instanceList.length > 0

libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx

@@ -206,9 +206,9 @@ export function UniversalDappUI (props: UdappProps) {
   return (
     <div className={`instance udapp_instance udapp_run-instance border-dark ${toggleExpander ? 'udapp_hidesub' : 'bg-light'}`} id={`instance${address}`} data-shared="universalDappUiInstance">
       <div className="udapp_title alert alert-secondary">
-        <button data-id={`universalDappUiTitleExpander${props.index}`} className="btn udapp_titleExpander" onClick={toggleClass}>
+        <span data-id={`universalDappUiTitleExpander${props.index}`} className="btn udapp_titleExpander" onClick={toggleClass}>
           <i className={`fas ${toggleExpander ? 'fa-angle-right' : 'fa-angle-down'}`} aria-hidden="true"></i>
-        </button>
+        </span>
         <div className="input-group udapp_nameNbuts">
           <div className="udapp_titleText input-group-prepend">
             <span className="input-group-text udapp_spanTitleText">

libs/remix-ui/run-tab/src/lib/css/run-tab.css

@@ -276,7 +276,7 @@
   color: var(--primary);
 }
 .udapp_titleExpander {
-  padding: 5px 7px;
+  margin-top: 2px;
 }
 .udapp_nameNbuts {
   display: contents;