Update RHS video panel button & circle

public/css/style.css

@@ -182,7 +182,7 @@ body>nav.navbar {
     white-space: nowrap;
     display: block;
 }
-.mcp-theme-1 .cancelled-item {
+.cancelled-item {
     opacity: 0.5;
 }
 

resources/views/app/video/call.blade.php

@@ -19,16 +19,16 @@
     <div id="proCallComponent">
 
         <div class="d-flex align-items-center justify-content-center py-3 border-bottom">
-            <span class="mr-3">
-                {{ $pro->name_display }} | PRO
-            </span>
+{{--            <span class="mr-3">--}}
+{{--                {{ $pro->name_display }} | PRO--}}
+{{--            </span>--}}
             <button class="btn btn-sm btn-primary px-4 font-weight-bold stag-primary-bg stag-primary-border"
                     v-on:click.prevent="nextPatient()"
-                    :disabled="client || checkingForNextPatient || started">Next Patient</button>
-            <span v-if="patientInQueue && !started" class="patient-in-q-alert text-warning text-sm ml-3 small">
+                    :disabled="client || checkingForNextPatient || started || !(patientInQueue && !started)">Next Patient</button>
+            <span v-if="patientInQueue && !started" class="text-success text-sm ml-3 small">
                 <i class="fa fa-circle"></i>
             </span>
-            <span v-if="!patientInQueue && !started" class="text-success text-sm ml-3 small">
+            <span v-if="!patientInQueue && !started" class="text-secondary text-sm ml-3 small cancelled-item">
                 <i class="fa fa-circle"></i>
             </span>
         </div>