Geo Forms - Fix Buttons

This change aligns the form
buttons to the left, properly
spaces them, removes the bottom
border, and changes them to
info.

Changelog: changed
EE: true

ee/app/assets/javascripts/geo_node_form/components/geo_node_form.vue

@@ -89,19 +89,18 @@ export default {
     />
     <geo-node-form-capacities :node-data="nodeData" />
     <section
-      class="gl-display-flex gl-align-items-center gl-p-5 gl-mt-6 gl-bg-gray-10 gl-border-t-solid gl-border-b-solid gl-border-t-1 gl-border-b-1 gl-border-gray-100"
+      class="gl-display-flex gl-align-items-center gl-p-5 gl-mt-6 gl-bg-gray-10 gl-border-t-solid gl-border-t-1 gl-border-gray-100"
     >
       <gl-button
         id="node-save-button"
         data-qa-selector="add_node_button"
-        variant="success"
+        class="gl-mr-5"
+        variant="info"
         :disabled="formHasError"
         @click="saveGeoNode(nodeData)"
         >{{ __('Save changes') }}</gl-button
       >
-      <gl-button id="node-cancel-button" class="gl-ml-auto" @click="redirect">{{
-        __('Cancel')
-      }}</gl-button>
+      <gl-button id="node-cancel-button" @click="redirect">{{ __('Cancel') }}</gl-button>
     </section>
   </form>
 </template>

ee/app/assets/javascripts/geo_settings/components/geo_settings_form.vue

@@ -78,19 +78,18 @@ export default {
       />
     </gl-form-group>
     <section
-      class="gl-display-flex gl-align-items-center gl-p-5 gl-mt-6 gl-bg-gray-10 gl-border-t-solid gl-border-b-solid gl-border-t-1 gl-border-b-1 gl-border-gray-100"
+      class="gl-display-flex gl-align-items-center gl-p-5 gl-mt-6 gl-bg-gray-10 gl-border-t-solid gl-border-t-1 gl-border-gray-100"
     >
       <gl-button
         data-testid="settingsSaveButton"
         data-qa-selector="add_node_button"
-        variant="success"
+        class="gl-mr-5"
+        variant="info"
         :disabled="formHasError"
         @click="updateGeoSettings"
         >{{ __('Save changes') }}</gl-button
       >
-      <gl-button data-testid="settingsCancelButton" class="gl-ml-auto" @click="redirect">{{
-        __('Cancel')
-      }}</gl-button>
+      <gl-button data-testid="settingsCancelButton" @click="redirect">{{ __('Cancel') }}</gl-button>
     </section>
   </form>
 </template>