Remove .project-feature-controls style properties

Switches out some stylesheet rule properties in favor of
 using utility classes.

app/assets/javascripts/pages/projects/shared/permissions/components/project_feature_setting.vue

@@ -70,7 +70,7 @@ export default {
 </script>
 
 <template>
-  <div :data-for="name" class="project-feature-controls">
+  <div :data-for="name" class="project-feature-controls gl-display-flex gl-align-items-center gl-my-3 gl-mx-0">
     <input v-if="name" :name="name" :value="value" type="hidden" />
     <project-feature-toggle
       class="gl-flex-grow-0 gl-mr-3"

app/assets/javascripts/pages/projects/shared/permissions/components/settings_panel.vue

@@ -300,7 +300,7 @@ export default {
         :help-path="visibilityHelpPath"
         :label="s__('ProjectSettings|Project visibility')"
       >
-        <div class="project-feature-controls">
+        <div class="project-feature-controls gl-display-flex gl-align-items-center gl-my-3 gl-mx-0">
           <div class="select-wrapper gl-flex-fill-1">
             <select
               v-model="visibilityLevel"
@@ -521,7 +521,7 @@ export default {
           )
         "
       >
-        <div class="project-feature-controls">
+        <div class="project-feature-controls gl-display-flex gl-align-items-center gl-my-3 gl-mx-0">
           <div class="select-wrapper gl-flex-fill-1">
             <select
               v-model="metricsDashboardAccessLevel"

app/assets/stylesheets/pages/projects.scss

@@ -59,6 +59,8 @@
   }
 }
 
+// INFO Scoped to project_feature_setting and settings_panel components in app/assets/javascripts/pages/projects/shared/permissions/components
+// TODO consider moving to component specific stylesheet instead of page specific?
 .project-repo-select {
   transition: background 2s ease-out;
 
@@ -73,10 +75,8 @@
   }
 }
 
+// INFO Scoped to project_feature_setting and settings_panel components in app/assets/javascripts/pages/projects/shared/permissions/components
 .project-feature-controls {
-  display: flex;
-  align-items: center;
-  margin: $gl-padding-8 0;
   max-width: 432px;
 }