changeset 2290:92649a0537fa

client: admin: style adjustments
author Markus Kottlaender <markus@intevation.de>
date Fri, 15 Feb 2019 14:56:04 +0100
parents cfc04c887085
children 60af456d01f0
files client/src/components/systemconfiguration/PDFTemplates.vue client/src/components/usermanagement/Usermanagement.vue
diffstat 2 files changed, 5 insertions(+), 6 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/systemconfiguration/PDFTemplates.vue	Fri Feb 15 14:41:48 2019 +0100
+++ b/client/src/components/systemconfiguration/PDFTemplates.vue	Fri Feb 15 14:56:04 2019 +0100
@@ -1,5 +1,5 @@
 <template>
-  <div class="d-flex flex-column mt-4">
+  <div class="d-flex flex-column">
     <div class="d-flex flex-row justify-content-between">
       <h5><translate>PDF-Templates</translate></h5>
       <input
@@ -10,8 +10,8 @@
         style="visibility:hidden"
       />
     </div>
-    <div class="mt-1">
-      <table class="table table-sm">
+    <div class="mt-1 border-bottom pb-4">
+      <table class="table table-sm table-hover" v-if="templates.length">
         <thead>
           <tr>
             <th><translate>Name</translate></th>
@@ -25,7 +25,7 @@
             <td>{{ template.time }}</td>
             <td class="text-right">
               <button
-                class="btn btn-sm btn-danger"
+                class="btn btn-sm btn-link text-dark"
                 @click="
                   showDeleteTemplatePrompt = true;
                   templateToDelete = template;
@@ -37,7 +37,7 @@
           </tr>
         </transition-group>
       </table>
-      <button class="btn btn-sm btn-info" @click="$refs.uploadTemplate.click()">
+      <button class="btn btn-info mt-2" @click="$refs.uploadTemplate.click()">
         <font-awesome-icon
           icon="spinner"
           class="fa-spin fa-fw"
--- a/client/src/components/usermanagement/Usermanagement.vue	Fri Feb 15 14:41:48 2019 +0100
+++ b/client/src/components/usermanagement/Usermanagement.vue	Fri Feb 15 14:56:04 2019 +0100
@@ -191,7 +191,6 @@
 }
 
 .table {
-  width: 90% !important;
   margin: auto;
 }