From 04834d87cfce8f0a9f346b9e81f48282c3f122f7 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Thu, 1 Dec 2022 09:06:51 -0500
Subject: [PATCH] 47 - Fixes subscription dropdown auto resize and alignment
 (#189)

Co-authored-by: ricardovdheijden <ricardovdheijden@hotmail.com>
---
 CHANGELOG.md                                             | 1 +
 src/lib/uniforms-surfnet/src/SubscriptionField.tsx       | 8 ++++----
 src/lib/uniforms-surfnet/src/SubscriptionFieldStyling.ts | 1 -
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5b05cae15..bb800f557 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [v10.5.0] - TBD
 
+-   `#47` Fix subscription dropdowns to not resize when typing and fixes alignments with other input fields
 -   Added description text in Owner_Subscription_Id and added a copy-to-clipboard button
 -   Updated service ticket detail page to show "last_update_time"
 -   `#41` Converted most components to a Functions based approach
diff --git a/src/lib/uniforms-surfnet/src/SubscriptionField.tsx b/src/lib/uniforms-surfnet/src/SubscriptionField.tsx
index 16801e3e6..33fdec5d5 100644
--- a/src/lib/uniforms-surfnet/src/SubscriptionField.tsx
+++ b/src/lib/uniforms-surfnet/src/SubscriptionField.tsx
@@ -13,7 +13,7 @@
  *
  */
 
-import { EuiButtonIcon, EuiFlexItem, EuiFormRow, EuiModal, EuiOverlayMask, EuiText } from "@elastic/eui";
+import { EuiButtonIcon, EuiFlexGroup, EuiFlexItem, EuiFormRow, EuiModal, EuiOverlayMask, EuiText } from "@elastic/eui";
 import ServicePortSelectorModal from "components/modals/ServicePortSelectorModal";
 import { SubscriptionsContext } from "components/subscriptionContext";
 import { ListFieldProps } from "lib/uniforms-surfnet/src/ListField";
@@ -237,7 +237,7 @@ function Subscription({
     const customStyles = getReactSelectTheme(theme);
 
     return (
-        <EuiFlexItem css={subscriptionFieldStyling}>
+        <EuiFlexItem css={subscriptionFieldStyling} grow={1}>
             <section
                 {...filterDOMProps(props)}
                 className={`${className} subscription-field${disabled ? "-disabled" : ""}`}
@@ -252,7 +252,7 @@ function Subscription({
                 >
                     <div>
                         {!disabled && (
-                            <>
+                            <EuiFlexGroup alignItems={"center"} gutterSize={"none"} responsive={false}>
                                 <EuiButtonIcon
                                     className="reload-subscriptions-icon-button"
                                     id={`refresh-icon-${id}`}
@@ -278,7 +278,7 @@ function Subscription({
                                         iconSize="l"
                                     />
                                 )}
-                            </>
+                            </EuiFlexGroup>
                         )}
 
                         {isModalVisible && (
diff --git a/src/lib/uniforms-surfnet/src/SubscriptionFieldStyling.ts b/src/lib/uniforms-surfnet/src/SubscriptionFieldStyling.ts
index b629a1f5c..0eac1d8a9 100644
--- a/src/lib/uniforms-surfnet/src/SubscriptionFieldStyling.ts
+++ b/src/lib/uniforms-surfnet/src/SubscriptionFieldStyling.ts
@@ -13,7 +13,6 @@ export const subscriptionFieldStyling = css`
 
         .euiFormRow > .euiFormRow__fieldWrapper > div {
             display: flex;
-            margin-top: 5px;
         }
     }