feat: TT-536 change the disposition of total hours field (#808)

Author: mikevillarruel

src/app/modules/shared/components/details-fields/details-fields.component.html

@@ -108,7 +108,13 @@
       </div>
 
       <div class="form-group row" *ngIf="!goingToWorkOnThis || !canMarkEntryAsWIP">
-        <div class="col-12 col-sm-6"></div>
+        <label class="col-12 col-sm-2">Total Hours:</label>
+        <div class="col-12 col-sm-4">
+          <span class="border-tag" [class.border-tag--disabled]="!(project_id.value && project_name.value)">
+            {{ this.getTimeDifference() }}
+          </span>
+        </div>
+
         <label class="col-12 col-sm-2">Time out:</label>
         <div class="col-12 col-sm-4">
           <ngx-timepicker-field
@@ -122,15 +128,6 @@
         </div>
       </div>
 
-      <div class="form-group row" *ngIf="!goingToWorkOnThis || !canMarkEntryAsWIP">
-        <label class="col-12 col-sm-2">Total Hours:</label>
-        <div class="col-12 col-sm-4">
-          <span class="border-tag" [class.border-tag--disabled]="!(project_id.value && project_name.value)">
-            {{ this.getTimeDifference() }}
-          </span>
-        </div>
-      </div>
-
       <app-technologies
         (technologyUpdated)="onTechnologiesUpdated($event)"
         [selectedTechnologies]="selectedTechnologies"