From 37407653312024048918030607a1217490ad2560 Mon Sep 17 00:00:00 2001
From: Marcel Robitaille <mail@marcelrobitaille.me>
Date: Sat, 23 Jul 2022 04:09:16 -0400
Subject: [PATCH 1/3] Fix keyword ordering buttons clipped by top bar

Signed-off-by: Marcel Robitaille <mail@marcelrobitaille.me>
---
 src/components/RecipeListKeywordCloud.vue | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/RecipeListKeywordCloud.vue b/src/components/RecipeListKeywordCloud.vue
index 8577aed12..32d7e29de 100644
--- a/src/components/RecipeListKeywordCloud.vue
+++ b/src/components/RecipeListKeywordCloud.vue
@@ -39,15 +39,19 @@
                 />
             </transition-group>
         </div>
-        <div class="settings-buttons">
+        <div
+            v-if="uniqKeywords.length > 0"
+            class="settings-buttons"
+        >
             <button
-                class="ordering-button"
+                class="settings-button ordering-button"
                 :title="orderButtonTitle"
                 @click="toggleOrderCriterium"
             >
                 {{ orderButtonText }}
             </button>
             <button
+                class="settings-button"
                 :class="toggleSizeIcon"
                 :title="t('cookbook', 'Toggle keyword area size')"
                 @click="toggleCloudSize"
@@ -222,6 +226,7 @@ export default {
 <style lang="scss" scoped>
 .kw-container {
     position: relative;
+    display: flex;
 }
 
 .kw {
@@ -249,11 +254,11 @@ export default {
 }
 
 .settings-buttons {
-    position: absolute;
-    right: 10px;
-    bottom: -8px;
+    display: flex;
+    align-items: flex-start;
+    padding: 0.5rem;
 
-    button {
+    .settings-button {
         min-height: 8px;
         font-size: 8px;
         vertical-align: bottom;

From 6d9662620210e2872c84a256e87b8e16049e8a30 Mon Sep 17 00:00:00 2001
From: Marcel Robitaille <mail@marcelrobitaille.me>
Date: Sat, 23 Jul 2022 04:13:46 -0400
Subject: [PATCH 2/3] Update changelog

Signed-off-by: Marcel Robitaille <mail@marcelrobitaille.me>
---
 CHANGELOG.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0c1ac137f..05a352e3c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,8 @@
 ### Fixed
 - Prevent slow loading of recipes due to iteration over all files
   [#1072](https://github.com/nextcloud/cookbook/pull/1072) @christianlupus
+- Fix keyword ordering buttons being clipped by top bar
+  [#1103](https://github.com/nextcloud/cookbook/pull/1103) @MarcelRobitaille
 
 ### Maintenance
 - Add composer.json to version control to have unique installed dependency versions

From bd7f506994cc41cdbd2a06eb338649330affbd26 Mon Sep 17 00:00:00 2001
From: Marcel Robitaille <mail@marcelrobitaille.me>
Date: Sat, 23 Jul 2022 04:15:19 -0400
Subject: [PATCH 3/3] Run prettier

Signed-off-by: Marcel Robitaille <mail@marcelrobitaille.me>
---
 src/components/RecipeListKeywordCloud.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/components/RecipeListKeywordCloud.vue b/src/components/RecipeListKeywordCloud.vue
index 32d7e29de..e06928bd0 100644
--- a/src/components/RecipeListKeywordCloud.vue
+++ b/src/components/RecipeListKeywordCloud.vue
@@ -39,10 +39,7 @@
                 />
             </transition-group>
         </div>
-        <div
-            v-if="uniqKeywords.length > 0"
-            class="settings-buttons"
-        >
+        <div v-if="uniqKeywords.length > 0" class="settings-buttons">
             <button
                 class="settings-button ordering-button"
                 :title="orderButtonTitle"