fix Correct sign-out button hover and margin

The sign-out submit inside the profile menu inherited the generic submit styling, giving a dark-on-dark hover and a stray top margin. Pin it to the menu-item look, base and hover alike.

Commit
c83f06a52d368dee3b1377b32031619fa020d1f3
Author
Marius Peter <dev@marius-peter.com>
Author date
Committer
Marius Peter <dev@marius-peter.com>
Committer date
lib/web/assets/hito.css
index 9df78f7f..9db31cd1 100644..100644
@@ -276,6 +276,25 @@
276 276 .profile-menu .logout {
277 277 margin: 0;
278 278 }
279 Added: /* The Sign out control is an input[type="submit"] carrying .profile-menu-item,
280 Added: so the generic submit styling would otherwise fight the menu-item styling and
281 Added: leave a dark-on-dark hover. Pin it to the same transparent, ink-on-paper look
282 Added: as the other menu items, base and hover alike. */
283 Added: .profile-menu input[type="submit"].profile-menu-item {
284 Added: width: 100%;
285 Added: min-height: 2.5rem;
286 Added: margin-top: 0;
287 Added: border: none;
288 Added: background: transparent;
289 Added: color: var(--ink);
290 Added: letter-spacing: normal;
291 Added: text-transform: none;
292 Added: }
293 Added: .profile-menu input[type="submit"].profile-menu-item:hover {
294 Added: color: var(--oxblood-dark);
295 Added: background: #ece4d5;
296 Added: transform: none;
297 Added: }
279 298
280 299 .page-home .bottom-nav > a[href="/"],
281 300 .page-routine .bottom-nav > a[href="/routine"],