From cba118bf5d7cf5293b71ea34af4830c095b61364 Mon Sep 17 00:00:00 2001
From: Michael Myers <michael.myers@goteleport.com>
Date: Fri, 13 Dec 2024 21:28:19 -0600
Subject: [PATCH] Fix Integration Button styles

If a user could list integrations, and they could NOT create
integrations, AND integrations existed, this would cause the disabled
'enroll new integration' button to be smashed to the left of the header
(this is due to how its wrapped in an optional Hover Tooltip).

This PR just adds some space-between flex property to the header to
ensure the button stays on the right side. It also moves the
HoverTooltip position to the bottom because it looks better
---
 web/packages/teleport/src/Integrations/Integrations.tsx         | 2 +-
 .../teleport/src/Integrations/IntegrationsAddButton.tsx         | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/packages/teleport/src/Integrations/Integrations.tsx b/web/packages/teleport/src/Integrations/Integrations.tsx
index c51acdec84563..619bb791a0acc 100644
--- a/web/packages/teleport/src/Integrations/Integrations.tsx
+++ b/web/packages/teleport/src/Integrations/Integrations.tsx
@@ -79,7 +79,7 @@ export function Integrations() {
   return (
     <>
       <FeatureBox>
-        <FeatureHeader>
+        <FeatureHeader justifyContent="space-between">
           <FeatureHeaderTitle>Integrations</FeatureHeaderTitle>
           <IntegrationsAddButton
             requiredPermissions={[
diff --git a/web/packages/teleport/src/Integrations/IntegrationsAddButton.tsx b/web/packages/teleport/src/Integrations/IntegrationsAddButton.tsx
index 425e66335b744..fe82b29c38dad 100644
--- a/web/packages/teleport/src/Integrations/IntegrationsAddButton.tsx
+++ b/web/packages/teleport/src/Integrations/IntegrationsAddButton.tsx
@@ -36,6 +36,7 @@ export function IntegrationsAddButton({
 
   return (
     <HoverTooltip
+      position="bottom"
       tipContent={
         canCreateIntegrations ? null : (
           <MissingPermissionsTooltip