From 0d5e827503f63ff0c687b00cd533c2ad153a32fc Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Tue, 14 Oct 2025 13:59:35 +0800
Subject: [PATCH] layout for import books view

---
 next-ui/src/pages/import/books.vue | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/next-ui/src/pages/import/books.vue b/next-ui/src/pages/import/books.vue
index e0c647634..612261c50 100644
--- a/next-ui/src/pages/import/books.vue
+++ b/next-ui/src/pages/import/books.vue
@@ -1,13 +1,18 @@
 <template>
-  <ImportBooksDirectorySelection
-    :loading="isLoading"
-    @scan="(directory) => doScan(directory)"
-  />
-  <ImportBooksTransientBooksTable
-    v-if="transientBooks"
-    :loading="isLoading"
-    :books="transientBooks"
-  />
+  <v-container
+    fluid
+    class="pa-0 pa-sm-4 h-100 h-sm-auto"
+  >
+    <ImportBooksDirectorySelection
+      :loading="isLoading"
+      @scan="(directory) => doScan(directory)"
+    />
+    <ImportBooksTransientBooksTable
+      v-if="transientBooks"
+      :loading="isLoading"
+      :books="transientBooks"
+    />
+  </v-container>
 </template>
 
 <script lang="ts" setup>