Minor UI tweak

resources/views/meeting.blade.php

@@ -21,7 +21,7 @@
                      :class="activeParticipant && activeType === 'guest' && activeParticipant.id === guest.id ? 'active' : ''"
                      v-on:click="setActiveView('guest', guest)">
                     <div class="avatar text-white" :style="'background: ' + guest.color">@{{ getInitials(guest.name) }}</div>
-                    <p class="font-weight-bold text-center mt-1 mb-0 text-single">@{{ guest.name }}</p>
+                    <p class="font-weight-bold text-center mt-1 mb-0 text-single mx-1">@{{ guest.name }}</p>
                 </div>
                 <div v-if="guest" class="tp-item mb-4">
                     <img src="/images/person/guest.png" alt="" class="invite-image">
@@ -42,8 +42,8 @@
                      v-on:click="setActiveView('pro', pro)">
                     <div v-if="pro.status === 'active'">
                         <div class="avatar text-white" :style="'background: ' + pro.color">@{{ getInitials(pro.name) }}</div>
-                        <p class="font-weight-bold text-center mt-1 mb-0 text-single">@{{ pro.name }}</p>
-                        <p v-if="pro.type" class="font-weight-normal text-center text-single">@{{ pro.type }}</p>
+                        <p class="font-weight-bold text-center mt-1 mb-0 text-single mx-1">@{{ pro.name }}</p>
+                        <p v-if="pro.type" class="font-weight-normal text-center text-single mx-1">@{{ pro.type }}</p>
                     </div>
                     <div v-if="pro.status === 'connecting'">
                         <img src="/images/person/connecting.jpg" alt="" class="w-100">