chore: 🤖 move overridable next to select (#2092)

* chore: 🤖 move overridable next to select

* fix: 🐛 lint

ui/admin/app/components/form/policy/policy-selection/index.hbs

@@ -10,7 +10,7 @@
       name={{@name}}
       disabled={{or @disabled this.isDeleteDisable}}
       aria-label={{t (concat 'resources.policy.form.' @name '.label')}}
-      @width='80%'
+      @width='70%'
       {{on 'change' this.handlePolicyTypeSelection}}
       as |F|
     >
@@ -28,7 +28,17 @@
       </F.Options>
 
     </Hds::Form::Select::Field>
-
+    {{#if @model.scope.isGlobal}}
+      <Hds::Form::Toggle::Field
+        checked={{this.isOverridable}}
+        disabled={{@disabled}}
+        name={{@customInputName}}
+        {{on 'change' this.handleOverridableToggle}}
+        as |F|
+      >
+        <F.Label>{{t 'resources.policy.form.overridable.label'}}</F.Label>
+      </Hds::Form::Toggle::Field>
+    {{/if}}
   </F.Control>
 </Hds::Form::Fieldset>
 {{#if this.showCustomInput}}
@@ -54,17 +64,7 @@
           />
         </S.Generic>
       </Hds::SegmentedGroup>
-      {{#if @model.scope.isGlobal}}
-        <Hds::Form::Toggle::Field
-          checked={{this.isOverridable}}
-          disabled={{@disabled}}
-          name={{@customInputName}}
-          {{on 'change' this.handleOverridableToggle}}
-          as |F|
-        >
-          <F.Label>{{t 'resources.policy.form.overridable.label'}}</F.Label>
-        </Hds::Form::Toggle::Field>
-      {{/if}}
+
     </F.Control>
 
   </Hds::Form::Field>

ui/admin/app/styles/app.scss

@@ -955,6 +955,14 @@
 // storage policies
 .policy {
   margin-bottom: 0;
+
+  .hds-form-field--layout-vertical {
+    width: 50%;
+  }
+
+  .hds-form-group__control-fields-wrapper {
+    flex-direction: row;
+  }
 }
 
 .policy-custom-input {