From 88c3aa7f2b960f01d9f256ad2ac463eae7a22d79 Mon Sep 17 00:00:00 2001
From: deeptisehrawat <62418702+deeptisehrawat@users.noreply.github.com>
Date: Fri, 2 Oct 2020 01:37:32 -0500
Subject: [PATCH] GraceHopperOSD issue #139

---
 src/views/manage/newAppointment.html | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/views/manage/newAppointment.html b/src/views/manage/newAppointment.html
index b746c01563..78a0b2f682 100644
--- a/src/views/manage/newAppointment.html
+++ b/src/views/manage/newAppointment.html
@@ -175,12 +175,20 @@ <h2 ng-show="isEditMode()">{{ ::'EDIT_APPOINTMENT_KEY' | translate}}</h2>
                            required/>
                     <i class="fa fa-search search-icon-app" aria-hidden="true"></i>
                 </p>
-                <p class="app-ava-slots"
-                   ng-if="currentLoad || maxAppointmentsLimit || (maxAppointmentsLimit && currentLoad)">
-                    <span ng-if="maxAppointmentsLimit"><span style="color: #5cb85c;">{{maxAppointmentsLimit-currentLoad}} {{'APPOINTMENT_CREATE_SLOT' | translate}} {{'APPOINTMENT_CREATE_AVAL' | translate}}</span>
-                        {{'APPOINTMENT_CREATE_OUTOF' | translate}} <span style="color: #0275d8;">{{maxAppointmentsLimit}} {{'APPOINTMENT_CREATE_SLOT' | translate}}</span><span
-                                ng-if="maxAppointmentsLimit && currentLoad">, </span></span>
-                    <span style="color: #f0ad4e;" ng-if="currentLoad">{{currentLoad}} {{'APPOINTMENT_CREATE_SLOT' | translate}} {{'APPOINTMENT_CREATE_BOOKED' | translate}}</span>
+                <p class="app-ava-slots" ng-if="currentLoad || maxAppointmentsLimit || (maxAppointmentsLimit && currentLoad)">
+                    <span ng-if="maxAppointmentsLimit">
+                        <span style="color: #5cb85c;">
+                            {{maxAppointmentsLimit-currentLoad}} {{'APPOINTMENT_CREATE_SLOT' | translate}} {{'APPOINTMENT_CREATE_AVAL' | translate}}
+                        </span>
+                        {{'APPOINTMENT_CREATE_OUTOF' | translate}}
+                        <span style="color: #0275d8;">
+                            {{maxAppointmentsLimit}} {{'APPOINTMENT_CREATE_SLOT' | translate}}
+                        </span>
+                        <span ng-if="maxAppointmentsLimit && currentLoad">, </span>
+                    </span>
+                    <span style="color: #f0ad4e;" ng-if="currentLoad">
+                        {{currentLoad}} {{'APPOINTMENT_CREATE_SLOT' | translate}} {{'APPOINTMENT_CREATE_BOOKED' | translate}}
+                    </span>
                 </p>
                 <p class="warning-message" ng-if="warning.endTime">
                     <i class="fa fa-exclamation-triangle"></i>