From 59fdea87e06f0b170c3bd3aa2b4834689e4f2460 Mon Sep 17 00:00:00 2001
From: hay-kot <hay-kot@pm.me>
Date: Wed, 31 Mar 2021 22:03:26 -0800
Subject: [PATCH] scope css

---
 frontend/src/App.vue                                     | 9 ++-------
 .../src/components/Recipe/RecipeViewer/Ingredients.vue   | 2 +-
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 69b2e3c0f..ecba40881 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -160,11 +160,13 @@ export default {
 
 .notify-base {
   color: white !important;
+  /* min-height: 50px; */
   margin-right: 60px;
   margin-bottom: -5px;
   opacity: 0.9 !important;
 }
 
+
 *::-webkit-scrollbar {
   width: 0.25rem;
 }
@@ -176,11 +178,4 @@ export default {
 *::-webkit-scrollbar-thumb {
   background: grey;
 }
-
-.notify-base {
-  color: white !important;
-  margin-right: 60px;
-  margin-bottom: -5px;
-  opacity: 0.9 !important;
-}
 </style>
diff --git a/frontend/src/components/Recipe/RecipeViewer/Ingredients.vue b/frontend/src/components/Recipe/RecipeViewer/Ingredients.vue
index d9be60d97..e3f79077a 100644
--- a/frontend/src/components/Recipe/RecipeViewer/Ingredients.vue
+++ b/frontend/src/components/Recipe/RecipeViewer/Ingredients.vue
@@ -55,7 +55,7 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
 p {
   margin-bottom: auto !important;
 }