Merge branch 'okr-alert-widget-form' into 'master'

Migrate button in alert_widget_form.vue

Closes #219808

See merge request gitlab-org/gitlab!43720

app/assets/javascripts/monitoring/components/alert_widget_form.vue

@@ -3,7 +3,7 @@ import { isEmpty, findKey } from 'lodash';
 import Vue from 'vue';
 import {
   GlLink,
-  GlDeprecatedButton,
+  GlButton,
   GlButtonGroup,
   GlFormGroup,
   GlFormInput,
@@ -36,7 +36,7 @@ const SUBMIT_BUTTON_CLASS = {
 
 export default {
   components: {
-    GlDeprecatedButton,
+    GlButton,
     GlButtonGroup,
     GlFormGroup,
     GlFormInput,
@@ -267,30 +267,27 @@ export default {
         </gl-dropdown>
       </gl-form-group>
       <gl-button-group class="mb-3" :label="s__('PrometheusAlerts|Operator')">
-        <gl-deprecated-button
+        <gl-button
           :class="{ active: operator === operators.greaterThan }"
           :disabled="formDisabled"
-          type="button"
           @click="operator = operators.greaterThan"
         >
           {{ operators.greaterThan }}
-        </gl-deprecated-button>
-        <gl-deprecated-button
+        </gl-button>
+        <gl-button
           :class="{ active: operator === operators.equalTo }"
           :disabled="formDisabled"
-          type="button"
           @click="operator = operators.equalTo"
         >
           {{ operators.equalTo }}
-        </gl-deprecated-button>
-        <gl-deprecated-button
+        </gl-button>
+        <gl-button
           :class="{ active: operator === operators.lessThan }"
           :disabled="formDisabled"
-          type="button"
           @click="operator = operators.lessThan"
         >
           {{ operators.lessThan }}
-        </gl-deprecated-button>
+        </gl-button>
       </gl-button-group>
       <gl-form-group :label="s__('PrometheusAlerts|Threshold')" label-for="alerts-threshold">
         <gl-form-input

changelogs/unreleased/okr-alert-widget-form.yml

+---
+title: Migrate button in alert_widget_form.vue
+merge_request: 43720
+author:
+type: other

ee/app/assets/stylesheets/pages/environments.scss

@@ -123,14 +123,8 @@
 }
 
 .alert-form {
-  .btn-group,
-  .action-group {
+  .btn-group {
     display: flex;
-
-    .btn {
-      flex: 1 auto;
-      box-shadow: none;
-    }
   }
 }