diff --git a/core/templates/base.html b/core/templates/base.html
index 14f47b6..1b013d1 100644
--- a/core/templates/base.html
+++ b/core/templates/base.html
@@ -3,7 +3,11 @@
-
+
+
+
+
+
{% block title %}Wardrobe Planner{% endblock %}
@@ -24,6 +28,10 @@
color: var(--text-main);
font-family: 'Inter', sans-serif;
padding-bottom: 80px;
+ /* Support for notch/safe areas */
+ padding-top: env(safe-area-inset-top);
+ padding-left: env(safe-area-inset-left);
+ padding-right: env(safe-area-inset-right);
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;
@@ -53,6 +61,7 @@
display: flex;
justify-content: space-around;
padding: 12px 0;
+ padding-bottom: calc(12px + env(safe-area-inset-bottom));
border-top: 1px solid rgba(255, 255, 255, 0.1);
z-index: 1000;
}