From 339d7b1c968f2401c73695f47c1c929e8f9e2592 Mon Sep 17 00:00:00 2001
From: harry <harrybest800@gmail.com>
Date: Sat, 7 Oct 2023 13:26:54 +0100
Subject: [PATCH] Make import list layout responsive

---
 vue/src/apps/ImportView/ImportView.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/vue/src/apps/ImportView/ImportView.vue b/vue/src/apps/ImportView/ImportView.vue
index 2e963602..12a206f3 100644
--- a/vue/src/apps/ImportView/ImportView.vue
+++ b/vue/src/apps/ImportView/ImportView.vue
@@ -267,10 +267,10 @@
                         <b-tab v-bind:title="$t('App')">
                             <b-container>
                                 <h4>{{ $t('Select_App_To_Import') }}:</h4>
-                                <b-row class="mt-4">
-                                    <b-col cols="4" offset="0" offset-md="4" v-for="i in INTEGRATIONS_TD" :value="i.id"
+                                <b-row align-h="center" class="mt-4">
+                                    <b-col cols="12" md="6" v-for="i in INTEGRATIONS_TD" :value="i.id"
                                            v-bind:key="i.id">
-                                        <b-list-group style="max-width: 300px;">
+                                        <b-list-group>
                                             <b-list-group-item class="d-flex align-items-center" v-hover
                                                                style="cursor: pointer"
                                                                v-bind:class="{ 'bg-success': recipe_app === i.id }"
@@ -297,9 +297,9 @@
                                     </b-col>
                                 </b-row>
                                 <b-row class="mt-4">
-                                    <b-col cols="3" v-for="i in INTEGRATIONS_WO" :value="i.id" v-bind:key="i.id"
+                                    <b-col cols="12" md="6" lg="4" xl="3" v-for="i in INTEGRATIONS_WO" :value="i.id" v-bind:key="i.id"
                                            class="mt-1">
-                                        <b-list-group style="max-width: 300px;">
+                                        <b-list-group>
                                             <b-list-group-item class="d-flex align-items-center" v-hover
                                                                style="cursor: pointer"
                                                                v-bind:class="{ 'bg-success': recipe_app === i.id }"