From e5f257f5aff2c34fd26df34425652bcc990801e8 Mon Sep 17 00:00:00 2001
From: luna <5862lunamoon@gmail.com>
Date: Tue, 10 Dec 2024 16:18:02 -0800
Subject: [PATCH] tidy up UI

---
 .../Views/Nutrients/FertigationDetails.cshtml | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/app/Server/src/SERVERAPI/Views/Nutrients/FertigationDetails.cshtml b/app/Server/src/SERVERAPI/Views/Nutrients/FertigationDetails.cshtml
index 088ba2cb..9c94e882 100644
--- a/app/Server/src/SERVERAPI/Views/Nutrients/FertigationDetails.cshtml
+++ b/app/Server/src/SERVERAPI/Views/Nutrients/FertigationDetails.cshtml
@@ -24,21 +24,21 @@
                     </div>
                     <div class="form-group col-sm-3" style="width:200px; margin-top: 8px; height: 57.56px;">
                         @if(Model.selTypOption == "4" || Model.selTypOption == "2"){ // if custom liquid fertigation
-                            <div class="form-group col-sm-2" style="margin-right:0px; padding-right:0px; width:60px">
+                            <div class="form-group col-sm-2" style="margin-right:0px; padding-right:0px; width:50px; padding-left: 0px;">
                                 <label for="valN">N(%)</label>
                                 <div>
                                     <input class="form-control" asp-for="valN" id="valN" type="text" />
                                     <span asp-validation-for="valN" class="text-danger"></span>
                                 </div>
                             </div>
-                            <div class="form-group col-sm-2" style="margin-right:0px; padding-right:0px; width:60px">
+                            <div class="form-group col-sm-2" style="margin-right:0px; padding-right:0px; width:50px; padding-left: 0px;">
                                 <label for="valP2o5">P₂O₅(%)</label>
                                 <div>
                                     <input class="form-control" asp-for="valP2o5" id="valP2o5" type="text" />
                                     <span asp-validation-for="valP2o5" class="text-danger"></span>
                                 </div>
                             </div>
-                            <div class="form-group col-sm-2" style="margin-right:0px; padding-right:0px; width:60px">
+                            <div class="form-group col-sm-2" style="margin-right:0px; padding-right:0px; width:50px; padding-left: 0px;">
                                 <label for="valK2o">K₂O(%)</label>
                                 <div>
                                     <input class="form-control" asp-for="valK2o" id="valK2o" type="text" />
@@ -103,7 +103,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="form-group col-sm-4" style="display:flex; align-items: center; width: 100px; margin-top: 8px;">
+                    <div class="form-group col-sm-4" style="display:flex; align-items: center; width: 160px; margin-top: 8px;">
                       <div>
                           <label >
                               Solubility Assessment
@@ -153,7 +153,7 @@
                       </div>
                       </div>
                     } else {
-                        <div class="form-group col-sm-2" style="margin-right:0px; padding-right:0px; width:120px">
+                        <div class="form-group col-sm-2" style="margin-right:0px; padding-right:0px; width:150px">
                             <label for="rate">Application Rate</label>
                             <a href="#" data-toggle="tooltip" title="@Model.ExplainApplicationRate" id="toolTipExplainApplicationRate">
                                 <span class="glyphicon glyphicon-info-sign" aria-hidden="true" title="Explanation of Application Rate" style="font-size:20px;"></span>
@@ -253,11 +253,11 @@
                       <div>
                           <label style="display:flex; align-items:center; padding-left: 50px;">
                               Time per Application
+                              <a href="#" data-toggle="tooltip" title="@Model.ExplainTime" id="toolTipExplainTime">
+                                  <span class="glyphicon glyphicon-info-sign" aria-hidden="true" title="Explanation of Time per Application" style="font-size:20px;"></span>
+                              </a>
                           </label>
-                          <a href="#" data-toggle="tooltip" title="@Model.ExplainTime" id="toolTipExplainTime">
-                              <span class="glyphicon glyphicon-info-sign" aria-hidden="true" title="Explanation of Time per Application" style="font-size:20px;"></span>
-                          </a>
-                          <div class="cell" style="text-wrap: pretty; text-align: center;">
+                          <div class="cell" style="text-wrap: pretty; text-align: center; padding-left: 50px;">
                             @Model.fertigationTime minutes
                           </div>
                       </div>
@@ -285,12 +285,12 @@
                   </div>
                   <div class="form-group col-sm-8" style="margin:5px">
                       <div class="table">
-                          <label style="height: 40px; text-align:center">
+                          <label style="height: 40px; text-align:center; margin-left: 50px;">
                               Time per Application
+                              <a href="#" data-toggle="tooltip" title="@Model.ExplainTime" id="toolTipExplainTime">
+                                  <span class="glyphicon glyphicon-info-sign" aria-hidden="true" title="Explanation of Time per Application" style="font-size:20px;"></span>
+                              </a>
                           </label>
-                            <a href="#" data-toggle="tooltip" title="@Model.ExplainTime" id="toolTipExplainTime">
-                              <span class="glyphicon glyphicon-info-sign" aria-hidden="true" title="Explanation of Time per Application" style="font-size:20px;"></span>
-                          </a>
                           <div class="cell" style="text-align:center">
                             @Model.fertigationTime minutes
                           </div>
@@ -526,7 +526,7 @@ $(document).ready(function () {
     function updateUnits() {
         var userUnit = $('#ddlProdRate').find("option:selected").text();
         $('#productVolumeLabel').text('Total Product Volume per Application (' + userUnit + ')');
-        $('#productVolumeGrowingLabel').text('Total Product Volume Growing Season (' + userUnit + ')');
+        $('#productVolumeGrowingLabel').text('Total Product Volume for Growing Season (' + userUnit + ')');
     }
 
     // On page load, initialize unit label