From ad46b64ebd5f1c0ad3a9690d83c48a6b4c9739cd Mon Sep 17 00:00:00 2001
From: Oleg Zharkov <oleg.zharkov22@gmail.com>
Date: Mon, 1 Feb 2021 19:25:04 +0100
Subject: [PATCH] make header & aler werning text allignment in center

---
 .../LibraryFolderPermissions.vue                   | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/client/src/components/LibraryFolder/LibraryFolderPermissions/LibraryFolderPermissions.vue b/client/src/components/LibraryFolder/LibraryFolderPermissions/LibraryFolderPermissions.vue
index c5a6fffe633..5bb7f550bac 100644
--- a/client/src/components/LibraryFolder/LibraryFolderPermissions/LibraryFolderPermissions.vue
+++ b/client/src/components/LibraryFolder/LibraryFolderPermissions/LibraryFolderPermissions.vue
@@ -6,17 +6,19 @@
             </b-button>
         </div>
         <b-jumbotron bg-variant="white">
-            <template v-if="folder" #header> {{ folder.name }}</template>
+            <template v-if="folder" #header>
+                <div class="text-center">{{ folder.name }}</div>
+            </template>
             <template #lead>
-                <div class="alert alert-warning">
-                    <div v-if="is_admin">
+                <div class="text-center">
+                    <b-alert show variant="warning" v-if="is_admin">
                         You are logged in as an <strong>administrator</strong> therefore you can manage any folder on
                         this Galaxy instance. Please make sure you understand the consequences.
-                    </div>
-                    <div v-else>
+                    </b-alert>
+                    <b-alert show variant="warning" v-else>
                         You can assign any number of roles to any of the following permission types. However please read
                         carefully the implications of such actions.
-                    </div>
+                    </b-alert>
                 </div>
             </template>
             <hr class="my-4" />