composant ParamFieldLineComponent : alignement des valeurs min/max/pas à gauche

src/app/components/param-field-line/param-field-line.component.html

@@ -6,19 +6,23 @@
 
     <div class="btn-group" role="group">
         <!-- radio "fixé" -->
-        <label class="{{radioFixClass}} h-50 px-3 py-2" [(ngModel)]="radioModel" mdbRadio="Left" name="radio_param_{{symbol}}" value="fix"
+        <!-- px-3 : padding left/right 3 -->
+        <!-- py-3 : padding top/bottom 3 -->
+        <!-- h-50 : hauteur relative de l'élément par rapport au parent à 50%-->
+        <!-- cf. https://getbootstrap.com/docs/4.0/utilities/spacing -->
+        <label class="{{radioFixClass}} h-75 px-3 py-3" [(ngModel)]="radioModel" mdbRadio="Left" name="radio_param_{{symbol}}" value="fix"
             (click)="onRadioClick(symbol, 'fix')" [checked]=radioFixCheck [disabled]=isDisabled id="radio_fix">
             {{uitextParamFixe}}
         </label>
 
         <!-- radio "varier" -->
-        <label class="{{radioVarClass}} h-50 px-3 py-2" [(ngModel)]="radioModel" mdbRadio="Middle" name="radio_param_{{symbol}}"
+        <label class="{{radioVarClass}} h-75 px-3 py-3" [(ngModel)]="radioModel" mdbRadio="Middle" name="radio_param_{{symbol}}"
             value="var" (click)="onRadioClick(symbol, 'var')" [checked]=radioVarCheck [disabled]=isDisabled id="radio_var">
             {{uitextParamVarier}}
         </label>
 
         <!-- radio "calculer" -->
-        <label class="{{radioCalClass}} h-50 px-3 py-2" [(ngModel)]="radioModel" mdbRadio="Right" name="radio_param_{{symbol}}" value="cal"
+        <label class="{{radioCalClass}} h-75 px-3 py-3" [(ngModel)]="radioModel" mdbRadio="Right" name="radio_param_{{symbol}}" value="cal"
             (click)="onRadioClick(symbol, 'cal')" [checked]=radioCalCheck [disabled]=isDisabled id="radio_cal">
             {{uitextParamCalculer}}
         </label>
@@ -26,28 +30,28 @@
 </div>
 
 <div *ngIf="isRadioVarChecked" class="row">
-    <div class="col-6 col-sm-8 text-xs-left text-sm-right">
+    <div class="col-12 col-sm-4 col-md-3">
         {{uitextValeurMini}}
     </div>
-    <div class="col-6 col-sm-4 pr-5">
+    <div class="col-12 col-sm-4 col-md-3 pr-5">
         <input type="text" class="input-alternate" name="inputmin" placeholder="min" [(ngModel)]="_param.minValue" />
     </div>
 </div>
 
 <div *ngIf="isRadioVarChecked" class="row">
-    <div class="col-6 col-sm-8 text-xs-left text-sm-right">
+    <div class="col-12 col-sm-4 col-md-3">
         {{uitextValeurMaxi}}
     </div>
-    <div class="col-6 col-sm-4 pr-5">
+    <div class="col-12 col-sm-4 col-md-3 pr-5">
         <input type="text" class="input-alternate" name="inputmax" placeholder="max" [(ngModel)]="_param.maxValue" />
     </div>
 </div>
 
 <div *ngIf="isRadioVarChecked" class="row">
-    <div class="col-6 col-sm-8 text-xs-left text-sm-right">
+    <div class="col-12 col-sm-4 col-md-3">
         {{uitextPasVariation}}
     </div>
-    <div class="col-6 col-sm-4 pr-5">
+    <div class="col-12 col-sm-4 col-md-3 pr-5">
         <input type="text" class="input-alternate" name="inputstep" placeholder="step" [(ngModel)]="_param.stepValue" />
     </div>
 </div>
\ No newline at end of file