aboutsummaryrefslogtreecommitdiff
path: root/viewer/src
diff options
context:
space:
mode:
authorpacien2020-02-08 18:13:22 +0100
committerpacien2020-02-08 18:13:22 +0100
commit4cae756b5c2a3544675eb5eb011b9a90e003ae6b (patch)
tree6a5b70ec91482c509bb8913ba3ecb5736e3ef39b /viewer/src
parent77fed5958776dd9d6f7eaa371e904aeb4fd810d5 (diff)
downloadldgallery-4cae756b5c2a3544675eb5eb011b9a90e003ae6b.tar.gz
viewer: ldcommand: fix command buttons active boxes
Properly centering icons in their boxes instead of having them sitting in a corner.
Diffstat (limited to 'viewer/src')
-rw-r--r--viewer/src/components/LdCommand.vue13
1 files changed, 8 insertions, 5 deletions
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
index 841d773..8257c1f 100644
--- a/viewer/src/components/LdCommand.vue
+++ b/viewer/src/components/LdCommand.vue
@@ -2,6 +2,7 @@
2-- pictures into a searchable web gallery. 2-- pictures into a searchable web gallery.
3-- 3--
4-- Copyright (C) 2019-2020 Guillaume FOUET 4-- Copyright (C) 2019-2020 Guillaume FOUET
5-- 2020 Pacien TRAN-GIRARD
5-- 6--
6-- This program is free software: you can redistribute it and/or modify 7-- This program is free software: you can redistribute it and/or modify
7-- it under the terms of the GNU Affero General Public License as 8-- it under the terms of the GNU Affero General Public License as
@@ -63,12 +64,14 @@ export default class LdCommand extends Vue {
63 justify-content: space-around; 64 justify-content: space-around;
64 vertical-align: middle; 65 vertical-align: middle;
65 align-items: center; 66 align-items: center;
66 width: $layout-left; 67 flex: 0 0 $layout-left;
68
67 > * { 69 > * {
68 // Unify the minor size differences between icons 70 // normalise icon active boxes
69 width: 26px; 71 width: $layout-top;
70 height: 26px; 72 line-height: $layout-top;
71 margin-top: 2px; 73 text-align: center;
74 vertical-align: middle;
72 } 75 }
73} 76}
74</style> 77</style>