Issue #3275945 by agami4: Improve form elements

assets/css/form-controls.css

@@ -114,6 +114,10 @@ form:not(.layout-builder-configure-block)[class^='flagging-report'] fieldset {
   margin-bottom: 0;
 }
 
+form:not(.layout-builder-configure-block).enroll-invite-email-form fieldset:first-child {
+  margin-top: 0;
+}
+
 form:not(.layout-builder-configure-block) details fieldset,
 form:not(.layout-builder-configure-block) fieldset fieldset {
   margin-top: 0;

assets/css/modal.css

@@ -104,6 +104,10 @@
   right: -2px;
 }
 
+.ui-dialog .comment-post-comment-delete-form.is_modal .form-actions .btn {
+  border: 0 !important;
+}
+
 .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
   font-size: 0;
   cursor: pointer;

components/02-atoms/form-controls/form-controls.scss

@@ -140,6 +140,12 @@ form:not(.layout-builder-configure-block) {
     }
   }
 
+  &.enroll-invite-email-form {
+    fieldset:first-child {
+      margin-top: 0;
+    }
+  }
+
   details,
   fieldset {
     fieldset {

components/04-organisms/modal/modal.scss

@@ -92,6 +92,16 @@
     }
   }
 
+  // Remove extra borders on the hidden buttons
+  // on the delete comment form
+  .comment-post-comment-delete-form.is_modal {
+      .form-actions {
+        .btn {
+          border: 0 !important;
+        }
+      }
+  }
+
   .ui-dialog-titlebar .ui-dialog-titlebar-close {
     font-size: 0;
     cursor: pointer;