diff --git a/src/build/template.html b/src/build/template.html
index fd86e0de..9587912a 100644
--- a/src/build/template.html
+++ b/src/build/template.html
@@ -2,7 +2,7 @@
-
+
diff --git a/src/routes/_components/snackbar/Snackbar.html b/src/routes/_components/snackbar/Snackbar.html
index 6755dea9..ab3599f2 100644
--- a/src/routes/_components/snackbar/Snackbar.html
+++ b/src/routes/_components/snackbar/Snackbar.html
@@ -32,13 +32,27 @@
transform: translateY(100%);
}
+ /* For iOS < 11.2 */
+ @supports (padding-bottom: constant(safe-area-inset-bottom)) {
+ .snackbar-container {
+ --safe-area-inset-bottom: constant(safe-area-inset-bottom);
+ }
+ }
+
+ /* For iOS >= 11.2 */
+ @supports (padding-bottom: env(safe-area-inset-bottom)) {
+ .snackbar-container {
+ --safe-area-inset-bottom: env(safe-area-inset-bottom);
+ }
+ }
+
.snackbar-container {
width: 562px; /* same as .main, minus 20px padding */
overflow: hidden;
display: flex;
align-items: center;
background: var(--toast-bg);
- padding: 10px 20px;
+ padding: 10px 20px calc(10px + var(--safe-area-inset-bottom)) 20px;
font-size: 1.3em;
color: var(--toast-text);
border-radius: 4px 4px 0 0;
diff --git a/static/apple-icon-120.png b/static/apple-icon-120.png
index d80686bd..949e9594 100644
Binary files a/static/apple-icon-120.png and b/static/apple-icon-120.png differ
diff --git a/static/apple-icon-180.png b/static/apple-icon-180.png
index 0ea17ff2..1a371268 100644
Binary files a/static/apple-icon-180.png and b/static/apple-icon-180.png differ