Vuetify 3: Fix v-containers not occupying full width for some viewports

Author: MetRonnie

src/components/cylc/tree/Tree.vue

@@ -17,6 +17,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <template>
   <v-container
+    fluid
     class="ma-0 pa-0"
   >
     <!-- Toolbar -->

src/views/Guide.vue

@@ -16,7 +16,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <template>
-  <v-container>
+  <v-container fluid>
     <h1 class="ma-0">Cylc UI Quick Start</h1>
     <!--
       TODO: make sections linkable

src/views/Log.vue

@@ -26,7 +26,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <template>
   <div class="h-100 c-log-view">
     <v-form>
-      <v-container>
+      <v-container fluid>
         <v-row justify="start">
           <v-col cols="12" md="4" >
             <v-text-field

src/views/UserProfile.vue

@@ -16,7 +16,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <template>
-  <v-container class="c-user-profile">
+  <v-container fluid class="c-user-profile">
     <v-row class="wrap">
       <v-col cols="12">
         <v-alert