From 7cab942ce10e69c8af9aaf4decf4f0237b72f07e Mon Sep 17 00:00:00 2001
From: Artur <kusartur@gmail.com>
Date: Sat, 26 Oct 2024 14:19:53 +0200
Subject: [PATCH] Some changing with display of form

---
 .../asset-calculator.component.html           | 31 ++++++++++---------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/app/asset-calculator/asset-calculator.component.html b/src/app/asset-calculator/asset-calculator.component.html
index 621899a..2efb875 100644
--- a/src/app/asset-calculator/asset-calculator.component.html
+++ b/src/app/asset-calculator/asset-calculator.component.html
@@ -21,14 +21,13 @@
      <div class="row">
 
             <form [formGroup]=assetsDepreciationFormGroup class="frame"> 
-                
-                <div class="align-items-start" >
                 <div class="form-group row">
-                    <label for="initialValueAsset" class="form-label col-auto" >Wartość początkowa środka trwałego:</label>
-                    <div class="col">
+                    <div class="form-label col-3 col-form-label">
+                        <label for="initialValueAsset" >Wartość początkowa środka trwałego:</label>
+                    </div>
+                    <div class="col-2">
                         <input formControlName="initialValueAsset"  [(ngModel)]=initialValueAsset 
                              type="number" class="form-control" id="initialValueAsset"
-                             aria-describedby="initialValueHelpInline" 
                              required >
             
                     </div>        
@@ -39,28 +38,30 @@
                 
                 </div>
                 <div class="form-group row">
-                    <label for="depreciationRate" class="form-label col-auto" >Stawka amortyzacyjna w procentach:</label>
-                    <div class="col">
+                    <div class="form-label col-3 col-form-label">
+                        <label for="depreciationRate" >Stawka amortyzacyjna w procentach :</label>
+                    </div>   
+                    <div class="col-2">
                         <input formControlName="depreciationRate" [(ngModel)]=depreciationRate
                             type="number" class="form-control" id="depreciationRate"  /> 
                     </div>
                 </div>     
                 <div class="form-group row">
-                    <label class="form-label col-auto">Rok i miesiąc rozpoczęcia amortyzacji</label>
-                    <div class="col">
+                    <label class="form-label col-3">Rok i miesiąc rozpoczęcia amortyzacji:</label>
+                    <div class="col-1">
                         <input type="number" class="form-control" formControlName="year"	
                         [(ngModel)]=year 
                      />
                     </div>
-                    <div class="col">
+                    <div class="col-1">
                         <input type="number" class="form-control" formControlName="month"
                         [(ngModel)]=month  />
                     </div>
                 </div>
 
                 <div class="form-group row">          
-                    <label class="form-label col-auto">Metoda amortyzacji</label>
-                    <div class="col-auto" >
+                    <label class="form-label col-3">Metoda amortyzacji:</label>
+                    <div class="col-2" >
                         <select class="form-control" formControlName="typeDepreciation"  [(ngModel)]=typeDepreciation  >                           
                             <option [ngValue]=TypeDepreciation.linear selected="selected">Liniowa</option>
                             <option [ngValue]=TypeDepreciation.digressive >Dygresywna</option>
@@ -70,8 +71,8 @@
                 </div>
                 @if( TypeDepreciation.digressive === typeDepreciation()  ){
                     <div class="form-group row">          
-                        <label for="factorValue" class="form-label col-auto">Wspólczynnki degresji</label>
-                        <div class="col-auto" >
+                        <label for="factorValue" class="form-label col-3">Wspólczynnki degresji</label>
+                        <div class="col-2" >
                             <input type="text" class="form-control" formControlName="factorValue"
                                 [(ngModel)]=factorValue
                                 />
@@ -82,7 +83,7 @@
                 <!-- <input  class="btn btn-secondary col-auto" name="calculate"   
                         [disabled]=assetsDepreciationFormGroup.invalid (click)=calculate()   type="button" value="Wylicz "> -->
                   
-            </div>   
+      
         </form>
         <div class="col-1">
             <input  class="btn btn-secondary col-auto" name="addChangeValue"