DIvers rework de CSS/LESS et améliorations de messages/layout

templates/dialog-roll-confrontation.hbs

@@ -1,4 +1,4 @@
-<form class="les-oublies-roll-dialog">
+<div class="les-oublies-roll-dialog">
   <div class="sheet-grid sheet-grid-2">
     <section class="sheet-card">
       <h2>{{localize "LESOUBLIES.rolls.attacker"}}</h2>
@@ -35,9 +35,26 @@
 
     <section class="sheet-card">
       <h2>{{localize "LESOUBLIES.rolls.defender"}}</h2>
+      <p class="help-text target-status" data-target-status data-state="{{targetStatus.state}}">{{targetStatus.message}}</p>
+      <div class="field-row">
+        <label>Adversaire</label>
+        <select name="defenderActorId">
+          {{#each targetOptions as |entry|}}
+            <option value="{{entry.value}}" {{#if (eq entry.value @root.values.defenderActorId)}}selected{{/if}}>{{entry.label}}</option>
+          {{/each}}
+        </select>
+      </div>
+      <div class="field-row">
+        <label>Compétence adverse</label>
+        <select name="defenderSkill">
+          {{#each defenderSkillOptions as |entry|}}
+            <option value="{{entry.value}}" {{#if (eq entry.value @root.values.defenderSkill)}}selected{{/if}}>{{entry.label}}</option>
+          {{/each}}
+        </select>
+      </div>
       <div class="field-row">
         <label>{{localize "LESOUBLIES.rolls.label"}}</label>
-        <input name="defenderLabel" type="text" value="{{localize "LESOUBLIES.rolls.defender"}}" />
+        <input name="defenderLabel" type="text" value="{{values.defenderLabel}}" />
       </div>
       <div class="field-row">
         <label>{{localize "LESOUBLIES.rolls.score"}}</label>
@@ -79,6 +96,7 @@
         <label>{{localize "LESOUBLIES.labels.pointsCauchemar"}}</label>
         <input name="defenderCauchemarPoints" type="number" value="{{defenderResources.cauchemarPoints}}" />
       </div>
+      <p class="help-text">Vous pouvez choisir un adversaire depuis la liste ou conserver la saisie manuelle des valeurs.</p>
     </section>
   </div>
 
@@ -92,4 +110,4 @@
     </div>
     <p class="help-text">{{localize "LESOUBLIES.rolls.confrontationHint"}}</p>
   </section>
-</form>
+</div>