From b33f2c63e90a85d9bf79d7693cacf61a2c650a42 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Fri, 8 Dec 2023 18:27:50 +0100
Subject: [PATCH] UX tweaks

---
 src/Models/ThemeConfig/Conversion/Validation.ts | 10 ++++++++++
 src/UI/Favourites/FavouriteSummary.svelte       |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/Models/ThemeConfig/Conversion/Validation.ts b/src/Models/ThemeConfig/Conversion/Validation.ts
index 07c04ed307..38fefbb8de 100644
--- a/src/Models/ThemeConfig/Conversion/Validation.ts
+++ b/src/Models/ThemeConfig/Conversion/Validation.ts
@@ -1452,6 +1452,16 @@ export class ValidateLayer extends Conversion<
             }
         }
 
+        for (let i = 0; i < layerConfig.titleIcons.length; i++) {
+            const titleIcon = layerConfig.titleIcons[i]
+            if (<any> titleIcon.render === "icons.defaults") {
+                context.enters("titleIcons", i).err("Detected a literal 'icons.defaults'")
+            }
+            if (<any> titleIcon.render === "icons.rating") {
+                context.enters("titleIcons", i).err("Detected a literal 'icons.rating'")
+            }
+        }
+
         return { raw: json, parsed: layerConfig }
     }
 }
diff --git a/src/UI/Favourites/FavouriteSummary.svelte b/src/UI/Favourites/FavouriteSummary.svelte
index 16eb92c4fa..cb6e0910fe 100644
--- a/src/UI/Favourites/FavouriteSummary.svelte
+++ b/src/UI/Favourites/FavouriteSummary.svelte
@@ -57,7 +57,7 @@
   </button>
 
 
-  <div class="flex items-center justify-self-end title-icons links-as-button gap-x-0.5 p-1 pt-0.5 sm:pt-1">
+  <div class="self-end flex items-center flex-wrap justify-self-end title-icons links-as-button gap-x-0.5 p-1 pt-0.5 sm:pt-1">
     {#each favConfig.titleIcons as titleIconConfig}
       {#if (titleIconBlacklist.indexOf(titleIconConfig.id) < 0) && (titleIconConfig.condition?.matchesProperties(properties) ?? true) && (titleIconConfig.metacondition?.matchesProperties({ ...properties, ...state.userRelatedState.preferencesAsTags.data }) ?? true) && titleIconConfig.IsKnown(properties)}
         <div class={titleIconConfig.renderIconClass ?? "flex h-8 w-8 items-center"}>