Remove prepend-bottom-32 CSS class

This removes the prepend-bottom-32 CSS
class and replaces it with gl-mb-7
utility class from GitLab-UI

app/assets/stylesheets/framework/common.scss

@@ -421,7 +421,6 @@ img.emoji {
 .append-bottom-10 { margin-bottom: 10px; }
 .append-bottom-15 { margin-bottom: 15px; }
 .append-bottom-20 { margin-bottom: 20px; }
-.prepend-bottom-32 { margin-bottom: 32px; }
 .ml-10 { margin-left: 4.5rem; }
 .inline { display: inline-block; }
 .center { text-align: center; }

ee/app/assets/javascripts/subscriptions/new/components/checkout/confirm_order.vue

@@ -25,7 +25,7 @@ export default {
 };
 </script>
 <template>
-  <div v-if="isActive" class="full-width prepend-bottom-32">
+  <div v-if="isActive" class="full-width gl-mb-7">
     <gl-deprecated-button :disabled="isConfirmingOrder" variant="success" @click="confirmOrder">
       <gl-loading-icon v-if="isConfirmingOrder" inline size="sm" />
       {{ isConfirmingOrder ? $options.i18n.confirming : $options.i18n.confirm }}

ee/app/assets/javascripts/subscriptions/new/components/order_summary.vue

@@ -36,10 +36,7 @@ export default {
   <div class="order-summary d-flex flex-column flex-grow-1 prepend-top-5 mt-lg-5">
     <div class="d-lg-none">
       <div @click="toggleCollapse">
-        <h4
-          class="d-flex justify-content-between gl-font-lg"
-          :class="{ 'prepend-bottom-32': !collapsed }"
-        >
+        <h4 class="d-flex justify-content-between gl-font-lg" :class="{ 'gl-mb-7': !collapsed }">
           <div class="d-flex">
             <gl-icon v-if="collapsed" name="chevron-right" :size="18" />
             <gl-icon v-else name="chevron-down" :size="18" />