diff --git a/make-pages/IndexPage.hs b/make-pages/IndexPage.hs
index acabc27..fdc5372 100644
--- a/make-pages/IndexPage.hs
+++ b/make-pages/IndexPage.hs
@@ -16,6 +16,8 @@ make' root (IndexInfo {title, desc, galleries, links, footer}) = [b|@0
+
+
diff --git a/style/shiny/gallery.css b/style/shiny/gallery.css
index 759ae6e..94cb0bd 100644
--- a/style/shiny/gallery.css
+++ b/style/shiny/gallery.css
@@ -197,7 +197,7 @@ footer {
}
-@media (hover) {
+@media (hover) and (pointer: fine) {
.item:hover .date, .item:hover .title,
.item:hover::before, .item:hover::after {
filter: opacity(20%);
@@ -228,7 +228,7 @@ footer {
}
}
-@media (hover: none) {
+@media (not hover), (pointer: coarse) {
.item:not(.year-marker) {
height: min-content;
}
@@ -237,6 +237,13 @@ footer {
position: initial;
}
+ figcaption .date {
+ border-bottom: none;
+ }
+ figcaption .title {
+ border-top: none;
+ }
+
figcaption .date::after {
content: ':';
}
diff --git a/style/shiny/index.css b/style/shiny/index.css
index bb620bf..498b262 100644
--- a/style/shiny/index.css
+++ b/style/shiny/index.css
@@ -97,7 +97,7 @@ main {
}
}
-@media not (hover) {
+@media (not hover), (pointer: coarse) {
.list a::after {
content: attr(title);
display: block;
diff --git a/style/shiny/nsfw-warning.css b/style/shiny/nsfw-warning.css
index 679d44a..5b3fe01 100644
--- a/style/shiny/nsfw-warning.css
+++ b/style/shiny/nsfw-warning.css
@@ -53,6 +53,9 @@
.dialog-buttons {
grid-area: buttons;
justify-self: center;
+
+ display: flex;
+ justify-content: center;
}
.dialog button + button {
@@ -76,3 +79,9 @@ button.yes {
button.no {
background: hsl(5deg, 70%, 80%);
}
+
+@media (pointer: coarse) {
+ button {
+ font-size: 150%;
+ }
+}