/* index.html loads both style.css (desktop kiosk) and mobile.css (phone
quick-add) since either one might render depending on device -- this file
resolves the couple of places they conflict, keyed off the is-desktop/
is-mobile class the inline bootstrap script sets on before paint. */
html.is-mobile #app,
html.is-mobile #day-modal,
html.is-mobile #event-modal,
html.is-mobile #happening-modal,
html.is-mobile #family-modal {
display: none !important;
}
html.is-desktop #mobile-app,
html.is-desktop #m-edit-overlay,
html.is-desktop #m-settings-overlay {
display: none !important;
}
/* .account-email/.link-btn come from style.css but the mobile settings
sheet reuses them -- give them sane spacing inside an .m-sheet too. */
#m-settings-overlay .account-email { margin: 4px 0 14px; }
#m-settings-overlay .link-btn { margin-top: 10px; }
/* style.css locks html/body to a fixed, non-scrolling, non-selectable
kiosk viewport -- wrong for the mobile day-list, which needs to scroll. */
html.is-mobile,
html.is-mobile body {
overflow: visible;
user-select: text;
-webkit-user-select: text;
}