Fix button positioning.

frontend/src/app/features/content/shared/forms/content-field.component.scss

@@ -27,16 +27,19 @@
 
     &-inner {
         background: $color-white;
-        height: 2.125rem;
     }
 
     &-buttons {
-        @include absolute(-.75rem, 6.5rem, null, 0);
+        @include absolute(100%, 0);
+        margin: 0;
+        margin-top: -8px;
         overflow: hidden;
     }
 
     &-buttons-compare {
-        @include absolute(-.75rem, 0, null, 0);
+        @include absolute(100%, 0);
+        margin: 0;
+        margin-top: -9px;
         overflow: hidden;
     }
 }

frontend/src/app/features/content/shared/forms/field-editor.component.html

@@ -1,7 +1,7 @@
 <div class="field" [class.expanded]="isExpanded" *ngIf="formModel">
-    <div class="buttons-container" *ngIf="!(isDisabled | async)">
+    <fieldset class="buttons-container" [disabled]="isDisabled | async">
         <div class="buttons">
-            <button *ngIf="hasChatBot" type="button" class="btn btn-sm btn-outline-secondary force no-focus-shadow" (click)="chatDialog.show()" tabindex="-1">
+            <button type="button" class="btn btn-sm btn-outline-secondary force no-focus-shadow" (click)="chatDialog.show()" [disabled]="!hasChatBot" tabindex="-1">
                 AI
             </button>
 
@@ -18,7 +18,7 @@
                 <i class="icon-close"></i>
             </button>
         </div>
-    </div>
+    </fieldset>
 
     <label>
         {{field.displayName}} {{displaySuffix}} <span class="field-required" [class.hidden]="!field.properties.isRequired">*</span>

frontend/src/app/features/content/shared/forms/field-editor.component.scss

@@ -27,9 +27,9 @@
 
 .buttons {
     & {
-        @include absolute(-.75rem, 0);
+        @include absolute(100%, 0);
         margin: 0;
-        margin-top: -1px;
+        margin-top: -9px;
     }
 
     &-container {