From f2c8b1bb4509cb873cb7df26b02bbba521231156 Mon Sep 17 00:00:00 2001
From: Axel Hinrichs <hinrichs@bitscape.de>
Date: Fri, 8 Jul 2022 15:43:05 +0200
Subject: [PATCH] [webapp] Layout HomeView

---
 webapp/src/components/HomeView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/webapp/src/components/HomeView.vue b/webapp/src/components/HomeView.vue
index e038820..938a8e8 100644
--- a/webapp/src/components/HomeView.vue
+++ b/webapp/src/components/HomeView.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="container-xxl" role="main">
+    <div class="container-fluid" role="main">
         <div class="page-header">
             <h1>Live Data</h1>
         </div>
@@ -32,9 +32,9 @@
                                 {{ inverter.data_age }} seconds)
                             </div>
                             <div class="card-body">
-                                <div class="row g-3">
+                                <div class="row flex-row-reverse flex-wrap-reverse align-items-end g-3">
                                     <template v-for="channel in 5" :key="channel">
-                                        <div v-if="inverter[channel - 1]" class="col">
+                                        <div v-if="inverter[channel - 1]" :class="`col order-${5 - channel}`">
                                             <InverterChannelInfo
                                                 :channelData="inverter[channel - 1]"
                                                 :channelNumber="channel - 1" />