add second contact component and fix to css

src/app/createentry/dvrentry.component.html

@@ -65,7 +65,7 @@
 
               <div class="row">
                 <div class="col-lg-12 p-lg-0 p-md-0 p-sm-0 row">
-                  <div class="col-lg-9 row" style="padding:0px">
+                  <div class="col-lg-12 row" style="padding:0px">
 
                     <div class="col-lg-4">
 
@@ -145,7 +145,7 @@
                       </div>
                     </div>
 
-                    <div class="col-lg-3" style="margin-top:38px">
+                    <div class="col-lg-4" style="margin-top:38px">
 
                       <div class="form-group" style="margin-bottom:2px" [ngClass]="displayFieldCss('stageName')">
                         <label style="font-size: 16px;margin-top: 5px;margin-bottom: 0px;">Status<span
@@ -165,7 +165,7 @@
                       </div>
                     </div>
 
-                    <div class="col-lg-3" style="margin-top:38px;margin-left: 73px;">
+                    <div class="col-lg-4" style="margin-top:38px;">
 
                       <div class="form-group" [ngClass]="displayFieldCss('nextstep')">
                         <label style="font-size: 16px;margin-top: 5px;margin-bottom: 0px;">Next Action
@@ -181,44 +181,41 @@
                     </div>
 
 
-
-                  </div>
+                    <div class="col-lg-4" style="margin-top:38px;">
+                      <div class="form-group" [ngClass]="displayFieldCss('message')">
+                        <label style="font-size: 16px;margin-top: 5px;margin-bottom: 0px;">Activity Remark<span
+                            style="color: red;"> *</span></label>
+                        <textarea type="text" name="First Name" formControlName="message" class="textarea" id="user"
+                          onkeyup="this.setAttribute('value', this.value);" value=""
+                          style="margin: 25px 0;padding: 14px;height:auto !important;border-bottom: 2px solid #e0e0e0 !important;margin-top: -2px;padding: 0px;"></textarea>
+                        <app-field-error-display [displayError]="isFieldValid('message')" errorMsg="Please enter Message">
+                        </app-field-error-display>
+                      </div>
+                    </div>
+                  
 
 
-                  <div class="col-lg-3" style="padding-right: 5px;padding-left: 5px;">
-                    <div class="form-group" [ngClass]="displayFieldCss('message')">
-                      <label style="font-size: 16px;margin-top: 5px;margin-bottom: 0px;">Activity Remark<span
+                  <div class="col-lg-4" style="margin-top:38px;">
+                    <div class="form-group" style="margin-bottom:2px" [ngClass]="displayFieldCss('secondContact')">
+                      <label style="font-size: 16px;margin-top: 5px;margin-bottom: 0px;"> Second Contact<span
                           style="color: red;"> *</span></label>
-                      <textarea type="text" name="First Name" formControlName="message" class="textarea" id="user"
-                        onkeyup="this.setAttribute('value', this.value);" value=""
-                        style="margin: 25px 0;padding: 14px;height:auto !important;border-bottom: 2px solid #e0e0e0 !important;margin-top: -2px;padding: 0px;"></textarea>
-                      <app-field-error-display [displayError]="isFieldValid('message')" errorMsg="Please enter Message">
-                      </app-field-error-display>
+  
+                      <select id="Axis" (change)="contactDetails(contactEntryForm)" class="form-control"
+                        formControlName='secondContact' style="margin-top: 0px;">
+                        <option><a href="" (click)="contactDetails(contactEntryForm)"
+                            style="cursor: pointer;color: #7f7f7f;"> Add New Contact</a></option>
+                        <option *ngIf="second_contact" default disabled>{{second_contact}}</option>
+                        <option *ngFor="let second_contact of contact_data" [ngValue]="second_contact">
+                          {{ second_contact.first_name }} {{ second_contact.last_name }}
+                        </option>
+                      </select>
                     </div>
-
-
-
                   </div>
 
-
-
                 </div>
-                <div class="col-lg-4" style="margin-top:38px;margin-left: 60px;">
-                  <div class="form-group" style="margin-bottom:2px" [ngClass]="displayFieldCss('secondContact')">
-                    <label style="font-size: 16px;margin-top: 5px;margin-bottom: 0px;"> Second Contact<span
-                        style="color: red;"> *</span></label>
-
-                    <select id="Axis" (change)="contactDetails(contactEntryForm)" class="form-control"
-                      formControlName='secondContact' style="margin-top: 0px;">
-                      <option><a href="" (click)="contactDetails(contactEntryForm)"
-                          style="cursor: pointer;color: #7f7f7f;"> Add New Contact</a></option>
-                      <option *ngIf="second_contact" default disabled>{{second_contact}}</option>
-                      <option *ngFor="let second_contact of contact_data" [ngValue]="second_contact">
-                        {{ second_contact.first_name }} {{ second_contact.last_name }}
-                      </option>
-                    </select>
-                  </div>
+
                 </div>
+                
 
 
               </div>