From d5ef641faa552ef33d261a65004bb9ac3425bfe9 Mon Sep 17 00:00:00 2001
From: "francois.grand" <francois.grand@irstea.fr>
Date: Wed, 10 Jan 2018 14:05:11 +0100
Subject: [PATCH] =?UTF-8?q?composant=20ParamFieldLineComponent=20:=20align?=
 =?UTF-8?q?ement=20des=20valeurs=20min/max/pas=20=C3=A0=20gauche?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../param-field-line.component.html           | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/app/components/param-field-line/param-field-line.component.html b/src/app/components/param-field-line/param-field-line.component.html
index ba9d29cca..3af876806 100644
--- a/src/app/components/param-field-line/param-field-line.component.html
+++ b/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
-- 
GitLab