changeset 1542:31c6c7bd6190

layout issues
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 10 Dec 2018 12:48:37 +0100
parents 03fcad10104a
children 240bd1db49c0
files client/src/components/Sidebar.vue client/src/components/admin/importschedule/Importscheduledetail.vue client/src/components/admin/usermanagement/Usermanagement.vue
diffstat 3 files changed, 19 insertions(+), 16 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/Sidebar.vue	Mon Dec 10 12:35:49 2018 +0100
+++ b/client/src/components/Sidebar.vue	Mon Dec 10 12:48:37 2018 +0100
@@ -9,7 +9,7 @@
     <div class="menu text-nowrap text-left">
       <router-link to="/">
         <font-awesome-icon
-          class="fa-fw"
+          class="fa-fw mr-2"
           fixed-width
           icon="map-marked-alt"
         ></font-awesome-icon>
@@ -21,7 +21,7 @@
         href="#"
       >
         <font-awesome-icon
-          class="fa-fw"
+          class="fa-fw  mr-2"
           fixed-width
           icon="ship"
         ></font-awesome-icon>
@@ -34,7 +34,7 @@
           href="#"
         >
           <font-awesome-icon
-            class="fa-fw"
+            class="fa-fw mr-2"
             fixed-width
             icon="upload"
           ></font-awesome-icon>
@@ -48,7 +48,7 @@
           href="#"
         >
           <font-awesome-icon
-            class="fa-fw"
+            class="fa-fw mr-2"
             fixed-width
             icon="clipboard-check"
           ></font-awesome-icon>
@@ -60,7 +60,7 @@
         <hr class="m-0" />
         <router-link to="usermanagement">
           <font-awesome-icon
-            class="fa-fw"
+            class="fa-fw mr-2"
             fixed-width
             icon="users-cog"
           ></font-awesome-icon>
@@ -70,7 +70,7 @@
       <div v-if="isSysAdmin">
         <router-link to="systemconfiguration">
           <font-awesome-icon
-            class="fa-fw"
+            class="fa-fw mr-2"
             fixed-width
             icon="wrench"
           ></font-awesome-icon>
@@ -78,7 +78,7 @@
         </router-link>
         <router-link to="logs">
           <font-awesome-icon
-            class="fa-fw"
+            class="fa-fw mr-2"
             fixed-width
             icon="book"
           ></font-awesome-icon>
@@ -86,7 +86,7 @@
         </router-link>
         <router-link to="importqueue">
           <font-awesome-icon
-            class="fa-fw"
+            class="fa-fw mr-2"
             fixed-width
             icon="tasks"
           ></font-awesome-icon>
@@ -94,7 +94,7 @@
         </router-link>
         <router-link to="importschedule" v-if="this.$options.IMPORTSCHEDULE">
           <font-awesome-icon
-            class="fa-fw"
+            class="fa-fw mr-2"
             fixed-width
             icon="clock"
           ></font-awesome-icon>
@@ -104,7 +104,7 @@
       <hr class="m-0" />
       <a @click="logoff" href="#">
         <font-awesome-icon
-          class="fa-fw"
+          class="fa-fw mr-2"
           fixed-width
           icon="power-off"
         ></font-awesome-icon>
--- a/client/src/components/admin/importschedule/Importscheduledetail.vue	Mon Dec 10 12:35:49 2018 +0100
+++ b/client/src/components/admin/importschedule/Importscheduledetail.vue	Mon Dec 10 12:48:37 2018 +0100
@@ -71,8 +71,8 @@
                   checked: this.$options.on,
                   unchecked: this.$options.off
                 }"
-                :width="70"
-                :height="30"
+                :width="50"
+                :height="20"
               />
             </div>
           </div>
--- a/client/src/components/admin/usermanagement/Usermanagement.vue	Mon Dec 10 12:35:49 2018 +0100
+++ b/client/src/components/admin/usermanagement/Usermanagement.vue	Mon Dec 10 12:48:37 2018 +0100
@@ -100,10 +100,7 @@
               </button>
             </div>
             <div class="mr-3 pb-3">
-              <button
-                @click="addUser"
-                class="btn btn-info pull-right shadow-sm"
-              >
+              <button @click="addUser" class="btn btn-info addbutton shadow-sm">
                 <translate>Add User</translate>
               </button>
             </div>
@@ -121,6 +118,12 @@
 <style scoped lang="scss">
 @import "../../../assets/tooltip.scss";
 
+.addbutton {
+  position: absolute;
+  bottom: $offset;
+  right: $offset;
+}
+
 .content {
   width: 100%;
 }