RHS grey bar position fix

public/css/style.css

@@ -819,11 +819,12 @@ body .node input[type="number"] {
 
 /* call panel */
 #proCallComponent {
-    max-height: calc(100% - 151px);
+    padding-bottom: 150px;
 }
 .patient-queue {
-    height: 150px;
-    position: absolute;
+    display: flex;
+    flex-direction: column;
+    position: fixed;
     left: 0;
     width: 100%;
     bottom: 0;

resources/views/app/patient/dashboard.blade.php

@@ -334,7 +334,7 @@
                 {{--@include('app/patient/partials/dx')--}}
 
                 {{-- canvas based dx --}}
-                <div class="pt-2 mt-2 border-top">
+                <div class="pt-2 border-top">
                     <div class="d-flex align-items-center pb-2">
                         <h6 class="my-0 font-weight-bold text-secondary">Current Problems / Focus Areas</h6>
                         <span class="mx-2 text-secondary">|</span>

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

@@ -87,7 +87,7 @@
         <div class="bg-secondary text-white font-weight-bold text-center py-1" v-if="items.length === 0">
             No patients in the queue
         </div>
-        <div class="d-flex align-items-center mt-1">
+        <div v-if="items && items.length" class="d-flex align-items-center my-1">
             <div v-for="item in items">
                 <div class="queue-item border border-primary rounded mx-1" :title="item.name">
                     <div class="patient-avatar mb-1 text-dark">@{{ item.initials }}</div>
@@ -565,7 +565,7 @@
                                 // open patient in LHS
                                 window.top.openInLHS('/patients/view/' + _uid);
                                 // open patient video in RHS
-                                openInRHS('/pro/meet/' + _uid);
+                                window.top.openInRHS('/pro/meet/' + _uid);
                             }
                             else {
                                 if (_data.message) {