fix(edge/updates): add padding for edge groups [EE-5349] (#8772)

app/react/portainer/gitops/AuthFieldset/AuthFieldset.tsx

@@ -57,7 +57,7 @@ export function AuthFieldset({
       {value.RepositoryAuthentication && (
         <>
           {isAuthExplanationVisible && (
-            <TextTip color="orange">
+            <TextTip color="orange" className="mb-2">
               Enabling authentication will store the credentials and it is
               advisable to use a git service account
             </TextTip>

app/react/portainer/gitops/AuthFieldset/NewCredentialForm.tsx

@@ -43,7 +43,7 @@ export function NewCredentialForm({
             )}
 
             {value.SaveCredential && (
-              <TextTip color="blue" className="!mb-0">
+              <TextTip color="blue">
                 This git credential can be managed through your account page
               </TextTip>
             )}

app/react/portainer/gitops/AutoUpdateFieldset/AutoUpdateFieldset.tsx

@@ -30,7 +30,7 @@ export function AutoUpdateFieldset({
     <>
       <div className="form-group">
         <div className="col-sm-12">
-          <TextTip color="blue">
+          <TextTip color="blue" className="mb-2">
             When enabled, at each polling interval or webhook invocation, if the
             git repo differs from what was stored locally on the last git pull,
             the changes are deployed.

app/react/portainer/gitops/AutoUpdateFieldset/AutoUpdateSettings.tsx

@@ -33,7 +33,7 @@ export function AutoUpdateSettings({
 }) {
   return (
     <>
-      <TextTip color="orange">
+      <TextTip color="orange" className="mb-2">
         Any changes to this stack or application that have been made locally via
         Portainer or directly in the cluster will be overwritten by the git
         repository content, which may cause service interruption.

app/react/portainer/gitops/ComposePathField/ComposePathField.tsx

@@ -31,7 +31,7 @@ export function ComposePathField({
   return (
     <div className="form-group">
       <span className="col-sm-12">
-        <TextTip color="blue">
+        <TextTip color="blue" className="mb-2">
           <span>
             Indicate the path to the {isCompose ? 'Compose' : 'Manifest'} file
             from the root of your repository (requires a yaml, yml, json, or hcl

app/react/portainer/gitops/RefField/RefField.tsx

@@ -80,7 +80,7 @@ function Wrapper({
 }: PropsWithChildren<{ tip: ReactNode; errors?: string }>) {
   return (
     <div className="form-group">
-      <span className="col-sm-12">
+      <span className="col-sm-12 mb-2">
         <TextTip color="blue">{tip}</TextTip>
       </span>
       <div className="col-sm-12">

app/react/portainer/gitops/TimeWindowDisplay.tsx

@@ -36,7 +36,7 @@ function TimeWindowDisplay() {
   );
 
   return (
-    <TextTip color="orange">
+    <TextTip color="orange" className="mb-2">
       A change window is enabled, automatic updates will not occur outside of{' '}
       <span className="font-bold">
         {shortTime(startTimeUtc)} - {shortTime(endTimeUtc)} UTC (