add style

Author: xav-car

admin/app/components/quests/requirements/form.gjs

@@ -39,26 +39,31 @@ export default class RequirementForm extends Component {
     <PageTitle>
       <:title>Créer ou Éditer un "requirement" de quête</:title>
     </PageTitle>
-    <PixBlock @variant="admin" class="quest-requirement-form">
-      <PixSelect
-        @onChange={{this.updateRequirementType}}
-        @value={{this.selectedRequirementType}}
-        @options={{this.requirementTypeOptions}}
-        @placeholder="Choisissez votre type de requirement"
-        @hideDefaultOption={{true}}
-      >
-        <:label>Sélectionner un type de requirement</:label>
-      </PixSelect>
+    <section class="quest-object-form">
+      <PixBlock @variant="admin" class="quest-requirement-form">
+        <PixSelect
+          class="quest-requirement-form__item-width-content"
+          @onChange={{this.updateRequirementType}}
+          @value={{this.selectedRequirementType}}
+          @options={{this.requirementTypeOptions}}
+          @placeholder="Choisissez votre type de requirement"
+          @hideDefaultOption={{true}}
+        >
+          <:label>Sélectionner un type de requirement</:label>
+        </PixSelect>
 
-      <div>
-        {{#if this.selectedRequirementType}}
-          <ObjectRequirementForm @configuration={{this.configurationForSelectedRequirement}} />
-        {{/if}}
-      </div>
+        <div>
+          {{#if this.selectedRequirementType}}
+            <ObjectRequirementForm @configuration={{this.configurationForSelectedRequirement}} />
+          {{/if}}
+        </div>
+      </PixBlock>
 
-      <PixButtonLink @route="authenticated.quest-creator" @size="small" @variant="primary">
-        Revenir au formulaire de quête
-      </PixButtonLink>
-    </PixBlock>
+      <div class="quest-button-edition__button">
+        <PixButtonLink @route="authenticated.quest-creator" @size="small" @variant="primary">
+          Revenir au formulaire de quête
+        </PixButtonLink>
+      </div>
+    </section>
   </template>
 }

admin/app/components/quests/requirements/object/form.gjs

@@ -74,7 +74,8 @@ export default class ObjectRequirementCreateOrEditForm extends Component {
 
   <template>
     <form class="quest-object-form" {{on "submit" this.saveSnippet}}>
-      <PixInput onchange={{this.updateLabel}} required={{true}} aria-required={{true}}>
+      <PixInput class="quest-requirement-form__item-width-content"
+   onchange={{this.updateLabel}} required={{true}} aria-required={{true}}>
         <:label>Nom de la condition</:label>
       </PixInput>
 

admin/app/styles/components/quests/form.scss

@@ -27,6 +27,11 @@
   display: flex;
   flex-direction: column;
   gap: 24px;
+
+  &__item-width-content {
+    width: 50%;
+    min-width: fit-content;
+  }
 }
 
 .quest-object-form {