Remove .project-visibility-setting styling rules

Switches out the stylesheet rules for using utility classes.

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

@@ -292,7 +292,7 @@ export default {
 
 <template>
   <div>
-    <div class="project-visibility-setting">
+    <div class="project-visibility-setting gl-border-1 gl-border-solid gl-border-gray-100 gl-py-3 gl-px-7 gl-sm-pr-5 gl-sm-pl-5">
       <project-setting-row
         ref="project-visibility-settings"
         :help-path="visibilityHelpPath"
@@ -327,7 +327,7 @@ export default {
           </div>
         </div>
         <span class="form-text text-muted">{{ visibilityLevelDescription }}</span>
-        <label v-if="visibilityLevel !== visibilityOptions.PRIVATE" class="request-access">
+        <label v-if="visibilityLevel !== visibilityOptions.PRIVATE" class="gl-line-height-28">
           <input
             :value="requestAccessEnabled"
             type="hidden"

app/assets/stylesheets/pages/projects.scss

@@ -59,7 +59,6 @@
   }
 }
 
-.project-visibility-setting,
 .project-feature-settings {
   border: 1px solid $border-color;
   padding: 10px 32px;
@@ -69,10 +68,6 @@
   }
 }
 
-.project-visibility-setting .request-access {
-  line-height: 2;
-}
-
 .project-feature-settings {
   background: $gray-lighter;
   border-top: 0;