Remove .project-feature-settings-group style properties

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

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

@@ -366,7 +366,7 @@ export default {
           name="project[project_feature_attributes][repository_access_level]"
         />
       </project-setting-row>
-      <div class="project-feature-setting-group">
+      <div class="project-feature-setting-group gl-pl-7 gl-sm-pl-5">
         <project-setting-row
           ref="merge-request-settings"
           :label="s__('ProjectSettings|Merge requests')"

app/assets/stylesheets/pages/projects.scss

@@ -60,7 +60,6 @@
 }
 
 // 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;
 
@@ -80,16 +79,11 @@
   max-width: 432px;
 }
 
+// INFO Scoped to settings_panel component in app/assets/javascripts/pages/projects/shared/permissions/components
 .project-feature-setting-group {
-  padding-left: 32px;
-
   .project-feature-controls {
     max-width: 400px;
   }
-
-  @include media-breakpoint-down(xs) {
-    padding-left: 20px;
-  }
 }
 
 .group-home-panel,