diff --git a/admin/static/admin.css b/admin/static/admin.css index 1f5a1fb..3b490b6 100644 --- a/admin/static/admin.css +++ b/admin/static/admin.css @@ -107,7 +107,6 @@ nav .icon img { .nav-item { width: auto; height: 100%; - padding: 0 1em; display: flex; color: var(--fg-2); @@ -123,9 +122,13 @@ nav .icon img { text-decoration: none; } nav a { + padding: 0 1em; text-decoration: none; color: inherit; } +nav a.icon { + padding: 0; +} nav #logout { /* margin-left: auto; */ } diff --git a/admin/static/edit-account.css b/admin/static/edit-account.css index 7a4d34a..9db3773 100644 --- a/admin/static/edit-account.css +++ b/admin/static/edit-account.css @@ -25,12 +25,14 @@ input { .mfa-device { padding: .75em; - background: #f8f8f8f8; - border: 1px solid #808080; - border-radius: 8px; margin-bottom: .5em; display: flex; justify-content: space-between; + + color: var(--fg-3); + background: var(--bg-2); + box-shadow: var(--shadow-md); + border-radius: 16px; } .mfa-device div { diff --git a/admin/static/edit-release.css b/admin/static/edit-release.css index d30db84..c8e6153 100644 --- a/admin/static/edit-release.css +++ b/admin/static/edit-release.css @@ -313,19 +313,28 @@ dialog div.dialog-actions { gap: .2em; } +.card.links a.button:hover { + color: var(--bg-3) !important; + background-color: var(--fg-3) !important; +} + .card.links a.button[data-name="spotify"] { + color: #101010; background-color: #8cff83 } .card.links a.button[data-name="apple music"] { + color: #101010; background-color: #8cd9ff } .card.links a.button[data-name="soundcloud"] { + color: #101010; background-color: #fdaa6d } .card.links a.button[data-name="youtube"] { + color: #101010; background-color: #ff6e6e } diff --git a/admin/static/index.css b/admin/static/index.css index 278224e..5516656 100644 --- a/admin/static/index.css +++ b/admin/static/index.css @@ -7,11 +7,11 @@ flex-direction: row; align-items: center; gap: .5em; - color: var(--fg-3); - border-radius: 16px; + color: var(--fg-3); background: var(--bg-2); box-shadow: var(--shadow-md); + border-radius: 16px; transition: background .1s ease-out; cursor: pointer;