From df0432a99fe2cb4b7bb55a22ec86a01bd10e0ff7 Mon Sep 17 00:00:00 2001 From: Kevin Midboe Date: Tue, 26 Jul 2022 00:20:43 +0200 Subject: [PATCH] Reduce size of list header --- src/components/ListHeader.vue | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/src/components/ListHeader.vue b/src/components/ListHeader.vue index 42d6753..6a28b8e 100644 --- a/src/components/ListHeader.vue +++ b/src/components/ListHeader.vue @@ -54,10 +54,10 @@ export default { } }, computed: { - urlify: function() { + urlify: function () { return `/list/${this.title.toLowerCase().replace(" ", "_")}`; }, - prettify: function() { + prettify: function () { return this.title.includes("_") ? this.title.split("_").join(" ") : this.title; @@ -73,12 +73,10 @@ export default { header { width: 100%; - min-height: 80px; display: flex; justify-content: space-between; align-items: center; - padding-left: 0.75rem; - padding-right: 0.75rem; + padding: 0.5rem 0.75rem; &.sticky { background-color: $background-color;