message: fix(ui): advanced button overflow in  expanded node
diff: <template>
  - <td
  - :colspan="isMobile ? 1 : headers.length"
  - :style="isMobile ? 'max-width: 90vw' : ''"
  + <td :colspan="isMobile ? 1 : headers.length">
  + <div
  + :style="`max-width: calc(100vw - ${
  + $vuetify.breakpoint.lgAndUp ? 120 : 70
  + }px)`"
  >
  - <v-row class="d-flex mt-2" align="center">
  - <v-col class="flex-grow-1 flex-shrink-0 ml-4">
  + <v-row class="mt-2" align="center">
  + <v-col style="min-width: 200px" class="ml-4">
  <span class="title grey--text">Device ID </span>
  <br />
  <span class="subtitle font-weight-bold font-monospace">
  ios_share
  </v-icon>
  </v-col>
  - <v-col class="text-end flex-shrink-1">
  + <v-col class="text-end">
  <v-item-group class="v-btn-toggle">
  - <v-btn color="primary" outlined @click="toggleStatistics">
  + <v-btn
  + color="primary"
  + outlined
  + @click="toggleStatistics"
  + >
  <v-icon left>
  {{ statisticsOpeningIndicator }}
  </v-icon>
  Statistics
  - <v-icon color="primary" right> multiline_chart </v-icon>
  + <v-icon color="primary" right>
  + multiline_chart
  + </v-icon>
  </v-btn>
  <v-btn
  dark
  color="primary"
  - @click.stop="forwardApiRequest('pingNode', [node.id])"
  + @click.stop="
  + forwardApiRequest('pingNode', [node.id])
  + "
  depressed
  >
  Ping
  <v-tab v-if="nodeMetadata" class="justify-start" key="manual">
  <v-icon small left>help</v-icon> Help
  </v-tab>
  - <v-tab v-if="showHass" class="justify-start" key="homeassistant">
  + <v-tab
  + v-if="showHass"
  + class="justify-start"
  + key="homeassistant"
  + >
  <v-icon small left>home</v-icon> Home Assistant
  </v-tab>
  <v-tab key="groups" class="justify-start">
  >
  <template slot="append-outer">
  <v-tooltip bottom>
  - <template v-slot:activator="{ on, attrs }">
  + <template
  + v-slot:activator="{ on, attrs }"
  + >
  <v-btn
  @click="toggleAutoScroll"
  icon
  - :color="autoScroll ? 'primary' : ''"
  + :color="
  + autoScroll ? 'primary' : ''
  + "
  :class="
  autoScroll
  ? 'border-primary'
  }}</strong>
  <span
  - style="white-space: pre; font-size: 0.75rem"
  + style="
  + white-space: pre;
  + font-size: 0.75rem;
  + "
  v-for="(arg, i) in event.args"
  :key="'arg_' + i"
  >{{ prettyPrintEventArg(arg, i) }}</span
  :actions="advancedActions"
  @action="nodeAction"
  />
  + </div>
  </td>
  </template>
  