Updated sidebar toggle padding ↞ [auto-sync from https://github.com/adamlui/ai-web-extensions/tree/main/chatgpt-auto-refresh]

Author: kudo-sync-bot

chatgpt/chatgpt-auto-refresh/chatgpt-auto-refresh.user.js

@@ -220,7 +220,7 @@
 // @description:zu      *NGOKUPHEPHA* susa ukusetha kabusha ingxoxo yemizuzu eyi-10 + amaphutha enethiwekhi ahlala njalo + Ukuhlolwa kwe-Cloudflare ku-ChatGPT.
 // @author              Adam Lui
 // @namespace           https://github.com/adamlui
-// @version             2025.5.13.3
+// @version             2025.5.13.4
 // @license             MIT
 // @icon                https://assets.chatgptautorefresh.com/images/icons/openai/black/icon48.png?v=f11a0a8
 // @icon64              https://assets.chatgptautorefresh.com/images/icons/openai/black/icon64.png?v=f11a0a8
@@ -796,14 +796,14 @@
                 // Init toggle elems
                 this.div = dom.create.elem('div', { class: this.class })
                 this.navicon = dom.create.elem('img')
-                this.toggleLabel = dom.create.elem('label')
                 this.toggleInput = dom.create.elem('input')
+                this.toggleLabel = dom.create.elem('label')
                 this.switchSpan = dom.create.elem('span')
                 this.knobSpan = dom.create.elem('span')
 
                 // Assemble elems into parent div
                 this.switchSpan.append(this.knobSpan)
-                this.div.append(this.navicon, this.toggleInput, this.switchSpan, this.toggleLabel)
+                this.div.append(this.navicon, this.toggleInput, this.toggleLabel, this.switchSpan)
 
                 // Stylize elems
                 this.stylize() // create/append stylesheet
@@ -851,7 +851,6 @@
                         position: relative ; width: 30px ; height: 15px ; border-radius: 28px ;
                         background-color: var(--switch-disabled-bg-color) ;
                         bottom: ${ firstLink ? '0.5px' : '-0.15em' } ;
-                        left: ${ env.browser.isMobile || firstLink ? 169 : 160 }px ;
                         transition: 0.4s ; -webkit-transition: 0.4s ; -moz-transition: 0.4s ;
                             -o-transition: 0.4s ; -ms-transition: 0.4s }
                     .${this.class} > span.enabled { /* switch on */
@@ -869,14 +868,14 @@
                         background-color: var(--switch-disabled-bg-color) ; box-shadow: none }
                     .${this.class} > span > span { /* knob span */
                         position: absolute ; width: 12px ; height: 12px ; content: "" ; border-radius: 28px ;
-                        background-color: white ; left: 3px ; bottom: 1.25px ;
+                        background-color: white ; left: -3px ; bottom: 1.25px ;
                         box-shadow: var(--knob-box-shadow) ;
                             -webkit-box-shadow: var(--knob-box-shadow) ; -moz-box-shadow: var(--knob-box-shadow) ;
                         transition: 0.4s ; -webkit-transition: 0.4s ; -moz-transition: 0.4s ;
                             -o-transition: 0.4s ; -ms-transition: 0.4s }
                     .${this.class} > label { /* toggle label */
                         cursor: pointer ; overflow: hidden ; text-overflow: ellipsis ; white-space: nowrap ;
-                        color: black ; width: 153px ; margin-left: -22px ;
+                        color: black ; padding: 0 12px ; flex-grow: 1 ;
                         ${ firstLink ? 'font-size: var(--text-sm)' : 'font-size: 0.875rem ; font-weight: 600' }}`
 
                     // Dark scheme mods