fix: ProfileExplorer has extra spacing to the right of New button

Also increase max-width of Ask

Author: starpit

Diff for: plugins/plugin-codeflare/src/components/ProfileExplorer.tsx

@@ -586,11 +586,11 @@ class ProfileCard extends React.PureComponent<ProfileCardProps, ProfileCardState
   private readonly nowrap = { default: "nowrap" as const }
   private readonly flex1 = { default: "flex_1" as const }
   private readonly flexEnd = { default: "justifyContentFlexEnd" as const }
-  private readonly nopadding = { padding: "0 0.5em" }
+  private readonly spaceNone = { default: "spaceItemsNone" as const }
 
   private footer() {
     return (
-      <Flex flexWrap={this.nowrap} justifyContent={this.flexEnd}>
+      <Flex flexWrap={this.nowrap} justifyContent={this.flexEnd} spaceItems={this.spaceNone}>
         <FlexItem flex={this.flex1}>
           <Tooltip position="top" content="Create a new profile">
             <Button variant="link" icon={<PlusSquareIcon />} onClick={this._onNew} />

Diff for: plugins/plugin-codeflare/web/scss/components/Ask/_index.scss

@@ -16,6 +16,8 @@
 
 @import "mixins";
 
+$max-width: 50rem;
+
 @include Ask {
   button:not(.pf-m-link):not(.pf-c-select__toggle-button) {
     color: var(--pf-c-button--m-primary--Color) !important;
@@ -46,9 +48,9 @@
 @include Ask {
   &,
   .pf-c-card {
-    width: 40rem;
+    width: $max-width;
     min-width: 0;
-    max-width: 40rem;
+    max-width: $max-width;
   }
 
   .pf-c-select__menu-item-main {