From 6167bf7c68f04261e400fae249421a06e9906f26 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/IntegrationsAddButton.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/packages/teleport/src/Integrations/IntegrationsAddButton.tsx b/web/packages/teleport/src/Integrations/IntegrationsAddButton.tsx
index 443df9285c0bc..b8ee72531e9ef 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