From 74f8687d4ab358c071bd081b0b7709eba5a521c2 Mon Sep 17 00:00:00 2001
From: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Date: Mon, 10 Feb 2020 12:28:37 -0800
Subject: Add responsive layout

The main navigation will be collapsed until the viewport
minimum width reaches the Bootstrap defined 'lg' breakpoint
(defaults to 992px).

- Adding motion variables and updating some CSS values to
  use existing Sass variables

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Id159b84da6adf55fdb15842b0e33b1ede4eeceb4
---
 .../AccessControl/LocalUserManagement/LocalUserManagement.vue     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue')

diff --git a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
index e71387da..a5ba7ba0 100644
--- a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
+++ b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
@@ -1,8 +1,8 @@
 <template>
-  <b-container class="ml-0">
+  <b-container fluid>
     <page-title />
     <b-row>
-      <b-col lg="10" class="text-right">
+      <b-col xl="9" class="text-right">
         <b-button variant="link" @click="initModalSettings">
           Account policy settings
           <icon-settings />
@@ -14,7 +14,7 @@
       </b-col>
     </b-row>
     <b-row>
-      <b-col lg="10">
+      <b-col xl="9">
         <b-table show-empty :fields="fields" :items="tableItems">
           <template v-slot:cell(actions)="data">
             <b-button
@@ -40,7 +40,7 @@
       </b-col>
     </b-row>
     <b-row>
-      <b-col lg="8">
+      <b-col xl="8">
         <b-button v-b-toggle.collapse-role-table variant="link" class="mt-3">
           View privilege role descriptions
           <icon-chevron />
-- 
cgit v1.2.3

