fix(core): fix alignment on cards in card choices (#7158)

spinnaker · Jun 27, 2019 · 8d929f0 · 8d929f0
1 parent a9c5163
commit 8d929f0
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/app/scripts/modules/amazon/src/loadBalancer/configure/AmazonLoadBalancerChoiceModal.tsx b/app/scripts/modules/amazon/src/loadBalancer/configure/AmazonLoadBalancerChoiceModal.tsx
@@ -20,10 +20,14 @@ export class AmazonLoadBalancerChoiceModal extends React.Component<
   };
 
   public static show(props: ILoadBalancerModalProps): Promise<void> {
-    return ReactModal.show(AmazonLoadBalancerChoiceModal, {
-      ...props,
-      className: 'create-pipeline-modal-overflow-visible',
-    });
+    return ReactModal.show(
+      AmazonLoadBalancerChoiceModal,
+      {
+        ...props,
+        className: 'create-pipeline-modal-overflow-visible modal-lg',
+      },
+      { bsSize: 'lg' },
+    );
   }
 
   constructor(props: ILoadBalancerModalProps) {

diff --git a/app/scripts/modules/core/src/cloudProvider/providerSelection/ProviderSelectionModal.tsx b/app/scripts/modules/core/src/cloudProvider/providerSelection/ProviderSelectionModal.tsx
@@ -50,7 +50,7 @@ export class ProviderSelectionModal extends React.Component<
           <div className="card-choices">
             {providerOptions.map(provider => (
               <div
-                className={`card ${selectedProvider === provider && 'active'}`}
+                className={`card vertical center middle ${selectedProvider === provider && 'active'}`}
                 key={provider}
                 onClick={() => this.setProvider(provider)}
               >

diff --git a/app/scripts/modules/core/src/modal/modals.less b/app/scripts/modules/core/src/modal/modals.less
@@ -334,8 +334,6 @@ abbr.select2-search-choice-close {
     margin: 15px;
     padding: 30px 15px;
     cursor: pointer;
-    display: flex;
-    align-items: center;
     &.active {
       border: 1px solid var(--color-accent);
       background-color: var(--color-accent-g2);