Update Org Details UX layout and add show more/less to instance groups field

src/components/BasicChip/BasicChip.jsx

@@ -4,16 +4,18 @@ import PropTypes from 'prop-types';
 import { Chip } from '@patternfly/react-core';
 import './basicChip.scss';
 
-const BasicChip = ({ text }) => (
+const BasicChip = ({ children, onToggle, isOverflowChip }) => (
   <Chip
     className="awx-c-chip--basic"
+    onClick={onToggle}
+    isOverflowChip={isOverflowChip}
   >
-    {text}
+    {children}
   </Chip>
 );
 
 BasicChip.propTypes = {
-  text: PropTypes.string.isRequired,
+  children: PropTypes.node.isRequired,
 };
 
 export default BasicChip;

src/components/BasicChip/basicChip.scss

@@ -4,7 +4,15 @@
   margin-right: 10px;
   margin-bottom: 10px;
 
-  .pf-c-button {
+  &.pf-c-chip {
+    margin-top: 0;
+  }
+
+  &.pf-m-overflow {
+    padding: 0;
+  }
+
+  &:not(.pf-m-overflow) .pf-c-button {
     display: none;
   }
 }