diff client/src/usermanagement/Userdetail.vue @ 1217:ba8cd80d68b6

made more use of bootstrap classes instead of custom css
author Markus Kottlaender <markus@intevation.de>
date Mon, 19 Nov 2018 15:20:22 +0100
parents b23622905a3f
children 7e2693d49daa
line wrap: on
line diff
--- a/client/src/usermanagement/Userdetail.vue	Mon Nov 19 15:10:09 2018 +0100
+++ b/client/src/usermanagement/Userdetail.vue	Mon Nov 19 15:20:22 2018 +0100
@@ -1,5 +1,5 @@
 <template>
-    <div class="userdetails shadow fadeIn animated">
+    <div class="userdetails h-100 mt-3 mr-auto shadow fadeIn animated">
         <div class="card">
             <div class="card-header shadow-sm text-white bg-info mb-3">
                 {{ this.cardHeader }}
@@ -8,7 +8,7 @@
                 </span>
             </div>
             <div class="card-body">
-                <form @submit.prevent="save">
+                <form @submit.prevent="save" clas="ml-3">
                     <div class="formfields">
                         <div v-if="currentUser.isNew" class="form-group row">
                             <label for="user">Username</label>
@@ -78,13 +78,9 @@
   width: 10vw
 
 .userdetails
-  margin-top: $offset
   min-width: 40vw
-  margin-right: auto
-  height: 100%
 
 form
-  margin-left: $offset
   font-size: $smaller
 </style>