From 36fd097ec5ea52f835c795e74304505e2c5749ef Mon Sep 17 00:00:00 2001
From: tomtjes <7606307+tomtjes@users.noreply.github.com>
Date: Sun, 14 Jan 2024 19:18:17 -0500
Subject: [PATCH 1/5] Update base.html

---
 cookbook/templates/base.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cookbook/templates/base.html b/cookbook/templates/base.html
index d84ccbd46c..162d00db17 100644
--- a/cookbook/templates/base.html
+++ b/cookbook/templates/base.html
@@ -10,7 +10,7 @@
     <title>{% block title %}
     {% endblock %}</title>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">
     <meta name="robots" content="noindex,nofollow"/>
 
     <link rel="icon" href="{{ theme_values.logo_color_svg }}">

From 321dbc10d395998bb495ad322570767953917c53 Mon Sep 17 00:00:00 2001
From: tomtjes <nesiofnqwe@mailbox.org>
Date: Fri, 19 Jan 2024 22:34:21 -0500
Subject: [PATCH 2/5] add style

---
 vue/src/components/BottomNavigationBar.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/vue/src/components/BottomNavigationBar.vue b/vue/src/components/BottomNavigationBar.vue
index 3801d9bdd3..e80fb2daf5 100644
--- a/vue/src/components/BottomNavigationBar.vue
+++ b/vue/src/components/BottomNavigationBar.vue
@@ -91,6 +91,14 @@ export default {
 }
 </script>
 
+<style>
+
+#id_base_container, .fixed-bottom {
+    padding-bottom: env(safe-area-inset-bottom) !important;
+}
+
+</style>
+
 <style scoped>
 
 .bottom-nav-link {

From 570aefc9fa72f0100775b1f23c73358e68f4a4c4 Mon Sep 17 00:00:00 2001
From: tomtjes <nesiofnqwe@mailbox.org>
Date: Sat, 20 Jan 2024 10:42:52 -0500
Subject: [PATCH 3/5] add styles to base

---
 cookbook/templates/base.html               | 8 ++++++++
 vue/src/components/BottomNavigationBar.vue | 7 +------
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/cookbook/templates/base.html b/cookbook/templates/base.html
index 162d00db17..51f4d9f1c8 100644
--- a/cookbook/templates/base.html
+++ b/cookbook/templates/base.html
@@ -481,6 +481,14 @@ <h6 class="dropdown-header">{% trans 'Your Spaces' %}</h6>
             overflow-x: hidden;
         }
     }
+
+    #id_base_container {
+        padding-bottom: env(safe-area-inset-bottom);
+    }
+
+    .fixed-bottom {
+        padding-bottom: max(0.5rem, calc(env(safe-area-inset-bottom) - 0.5rem)) !important;
+    }
 </style>
 
 </body>
diff --git a/vue/src/components/BottomNavigationBar.vue b/vue/src/components/BottomNavigationBar.vue
index e80fb2daf5..79a6430498 100644
--- a/vue/src/components/BottomNavigationBar.vue
+++ b/vue/src/components/BottomNavigationBar.vue
@@ -91,15 +91,10 @@ export default {
 }
 </script>
 
-<style>
 
-#id_base_container, .fixed-bottom {
-    padding-bottom: env(safe-area-inset-bottom) !important;
-}
+<style scoped>
 
-</style>
 
-<style scoped>
 
 .bottom-nav-link {
     color: #666666

From 9d1abe3419e9dce6dba488787528dbb43778cfe8 Mon Sep 17 00:00:00 2001
From: tomtjes <nesiofnqwe@mailbox.org>
Date: Sat, 20 Jan 2024 10:43:09 -0500
Subject: [PATCH 4/5] add styles for recipe edit view

---
 vue/src/apps/RecipeEditView/RecipeEditView.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/vue/src/apps/RecipeEditView/RecipeEditView.vue b/vue/src/apps/RecipeEditView/RecipeEditView.vue
index 7fd5dbe71c..74ff16a423 100644
--- a/vue/src/apps/RecipeEditView/RecipeEditView.vue
+++ b/vue/src/apps/RecipeEditView/RecipeEditView.vue
@@ -1321,3 +1321,9 @@ textarea:not(.form-control) {
     border: 0 !important;
 }
 </style>
+
+<style scoped>
+.row.fixed-bottom {
+    margin: 0;
+}
+</style>

From da3dea60c0af838a2a64e79c8c6539861ca8a3e5 Mon Sep 17 00:00:00 2001
From: tomtjes <7606307+tomtjes@users.noreply.github.com>
Date: Sat, 20 Jan 2024 11:50:19 -0500
Subject: [PATCH 5/5] remove changes from BottomNavigationBar.vue

---
 vue/src/components/BottomNavigationBar.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/vue/src/components/BottomNavigationBar.vue b/vue/src/components/BottomNavigationBar.vue
index 79a6430498..23b0a24436 100644
--- a/vue/src/components/BottomNavigationBar.vue
+++ b/vue/src/components/BottomNavigationBar.vue
@@ -91,11 +91,8 @@ export default {
 }
 </script>
 
-
 <style scoped>
 
-
-
 .bottom-nav-link {
     color: #666666
 }
@@ -111,4 +108,4 @@ export default {
     -o-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
 }
-</style>
\ No newline at end of file
+</style>