diff --git a/Extensions/xkit_preferences.css b/Extensions/xkit_preferences.css index f6deb7ef4..35a741a7b 100644 --- a/Extensions/xkit_preferences.css +++ b/Extensions/xkit_preferences.css @@ -1467,10 +1467,41 @@ opacity: .65; } -@media (min-width: 1150px) { +.xkit--react nav #xkit_button { + margin: 0 +} + +.xkit--react nav #xkit_button button { + padding: 8px 16px; + width: 100% +} + +.xkit--react nav #xkit_button button:hover { + background-color: rgba(var(--white-on-dark), .07); +} + +@media (min-width: 1162px) { .xkit--react nav #xkit_button { justify-content: flex-start; } + + .xkit--react nav #xkit_button > button { + display: flex; + align-items: center; + gap: 14px; + + font-size: 1rem; + } + + .xkit--react nav #xkit_button > button > svg { + order: -1; + } + + .xkit--react nav #xkit_button > button > p { + color: rgba(var(--white-on-dark)); + font-weight: 500; + margin: 0; + } } .xkit--react #xkit_button.active { diff --git a/Extensions/xkit_preferences.js b/Extensions/xkit_preferences.js index 4a86fa650..10ee64819 100644 --- a/Extensions/xkit_preferences.js +++ b/Extensions/xkit_preferences.js @@ -1,5 +1,5 @@ //* TITLE XKit Preferences **// -//* VERSION 7.6.24 **// +//* VERSION 7.7.0 **// //* DESCRIPTION Lets you customize XKit **// //* DEVELOPER new-xkit **// @@ -39,8 +39,8 @@ XKit.extensions.xkit_preferences = new Object({ var m_html = `