From 408ca88cb2013210d3a3bfee26a16bf47195915a Mon Sep 17 00:00:00 2001
From: Hugo van Rijswijk <git@hugovr.nl>
Date: Fri, 25 Aug 2023 18:32:26 +0200
Subject: [PATCH] fix: ingredient item should be single-line (#2521)

This is an issue on non-chromium browsers. I guess Chromium has some sort of support for nested CSS, whereas other browsers don't.
---
 frontend/components/Domain/Recipe/RecipeIngredientListItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/Domain/Recipe/RecipeIngredientListItem.vue b/frontend/components/Domain/Recipe/RecipeIngredientListItem.vue
index d9c4a10a37a6..949d3c358445 100644
--- a/frontend/components/Domain/Recipe/RecipeIngredientListItem.vue
+++ b/frontend/components/Domain/Recipe/RecipeIngredientListItem.vue
@@ -40,7 +40,7 @@ export default defineComponent({
   },
 });
 </script>
-<style>
+<style lang="scss">
 .ingredient-item {
   .d-inline {
     & > p {