merge

resources/js/components/pages/MeetingsAppRoot.vue

@@ -1,7 +1,7 @@
 <template>
     <v-app>
         <v-expansion-panels v-model="active_panel" tile hover multiple>
-                <v-expansion-panel>
+                <v-expansion-panel class="no-v-padding">
                     <v-expansion-panel-header>Lobby List</v-expansion-panel-header>
                         <v-expansion-panel-content>
                             <lobby-list></lobby-list>

resources/js/components/partials/LobbyList.vue

@@ -29,19 +29,19 @@
                         </v-list-item-icon>
                         <v-list-item-content>
                             <v-list-item-title v-text="item.name"></v-list-item-title>
-                            <v-tooltip top v-if="item.associates_online.length > 0">
+                            <v-tooltip top v-if="item.pros_online.length > 0">
                                 <template v-slot:activator="{ on }">
                                     <v-list-item-subtitle
                                         v-on="on"
-                                        v-text="item.associates_online.length > 0 ? `Associates Connected (${item.associates_online.length})` : 'No Associates Connected'"
+                                        v-text="item.pros_online.length > 0 ? `PROs Connected (${item.pros_online.length})` : 'No PROs Connected'"
                                     ></v-list-item-subtitle>
                                 </template>
-                                <span v-for="associate in item.associates_online" :key="associate.UID">
+                                <span v-for="associate in item.pros_online" :key="associate.UID">
                                     {{associate.name}}
                                     <br />
                                 </span>
                             </v-tooltip>
-                            <v-list-item-subtitle v-else v-text="item.associates_online.length > 0 ? `Associates Connected (${item.associates_online.length})` : 'No Associates Connected'"></v-list-item-subtitle>
+                            <v-list-item-subtitle v-else v-text="item.pros_online.length > 0 ? `PROs Connected (${item.pros_online.length})` : 'No PROs Connected'"></v-list-item-subtitle>
                         </v-list-item-content>
                         <v-list-item-action>
                             <v-list-item-action-text :class="{'status':true, 'is-active':item.active_members.length > 0}" v-text="'Online: ' + item.active_members.length"></v-list-item-action-text>

resources/sass/app.scss

@@ -14,8 +14,10 @@ $orange: #F08322;
     margin-bottom: 0;
 }
 
-.v-expansion-panel-content__wrap {
-    padding: 0 !important;
+.no-v-padding {
+    .v-expansion-panel-content__wrap {
+        padding: 0 !important;
+    }
 }
 
 .status {