From 86ab64160c43910a6ed5530e252279dd09742455 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=B4me=20Herbinet?= <33763786+Jerome-Herbinet@users.noreply.github.com> Date: Mon, 26 Sep 2022 13:47:20 +0200 Subject: [PATCH 1/2] Fix : Dashboard Deck widget overlap + align issue MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Jérôme Herbinet <33763786+Jerome-Herbinet@users.noreply.github.com> Signed-off-by: Jérôme Herbinet <33763786+Jerome-Herbinet@users.noreply.github.com> --- src/views/Dashboard.vue | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue index 222ee1fa5..2a4faa4f4 100644 --- a/src/views/Dashboard.vue +++ b/src/views/Dashboard.vue @@ -97,7 +97,7 @@ export default { list.sort((a, b) => { return (new Date(a.duedate)).getTime() - (new Date(b.duedate)).getTime() }) - return list.slice(0, 6) + return list.slice(0, 5) }, cardLink() { return (card) => { @@ -140,9 +140,8 @@ export default { .card { display: block; border-radius: var(--border-radius-large); - padding: 8px; - height: 60px; - + padding: 5px 8px; + height: 70px; &:hover { background-color: var(--color-background-hover); } @@ -155,11 +154,14 @@ export default { text-overflow: ellipsis; white-space: nowrap; display: block; + position: relative; + top: 3px; } } .labels { margin-left: 0; + margin-top: 3px; } .duedate::v-deep { From 4f5eeffdf9451569ceaa6d6aab6e61e8b10c86e6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=B4me=20Herbinet?= <33763786+Jerome-Herbinet@users.noreply.github.com> Date: Mon, 26 Sep 2022 14:04:31 +0200 Subject: [PATCH 2/2] A bit more space above the bottom button MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Jérôme Herbinet <33763786+Jerome-Herbinet@users.noreply.github.com> Signed-off-by: Jérôme Herbinet <33763786+Jerome-Herbinet@users.noreply.github.com> --- src/views/Dashboard.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue index 2a4faa4f4..48ebfdf61 100644 --- a/src/views/Dashboard.vue +++ b/src/views/Dashboard.vue @@ -129,7 +129,7 @@ export default { display: flex; align-items: center; justify-content: center; - margin-top: 8px; + margin-top: 10px; } #deck-widget-empty-content {