cinera.css: Set min-height on search page links

This commit tries to fix a "Clickable elements too close together"
error:
https://support.google.com/webmasters/answer/9063469#touch_elements_too_close
This commit is contained in:
Matt Mascarenhas 2021-10-06 16:38:21 +01:00
parent 4dc034ecc3
commit 2deb244cce
2 changed files with 8 additions and 1 deletions

View File

@ -23,7 +23,7 @@ typedef struct
version CINERA_APP_VERSION = { version CINERA_APP_VERSION = {
.Major = 0, .Major = 0,
.Minor = 10, .Minor = 10,
.Patch = 2 .Patch = 3
}; };
#include <stdarg.h> // NOTE(matt): varargs #include <stdarg.h> // NOTE(matt): varargs

View File

@ -986,6 +986,13 @@ ul.cineraNavPlain li.current > a {
/* NOTE(matt): Mobile Style */ /* NOTE(matt): Mobile Style */
#cineraIndex.mobile .cineraIndexEntries div a {
display: flex;
box-sizing: border-box;
align-items: center;
min-height: 10mm; /* NOTE(matt): From https://web.dev/accessible-tap-targets/ */
}
#cineraIndex.mobile #cineraResults .dayContainer { #cineraIndex.mobile #cineraResults .dayContainer {
flex-direction: column; flex-direction: column;
} }