Layout error for enum fields when description has more than 41 characters

Bug Reports
1

If using radio buttons for enum values, and the description for those fields has more than 41 characters, the layout of the radio buttons shifts (looks like extra padding / margin added around the first radio-button in the list).

Config values to reproduce the screenshot are below.

nova_ext_prefs-layout-shift

        {
            "title": "Javascript Lookup Resource",
            "description": "Specify where queries originating from Javascript files should be sent. Duck Duck Go's \"I'm feeling ducky\" search will redirect to the correct page *most* of the time.",
            "type": "section",
            "children":
            [
                {
                    "key": "runcoderun.rcr_lookup.js_lookup_resource",
                    "type": "enum",
                    "title": "Javascript Reference",
                    "values":
                    [
                        ["ddg", "Mozilla.org via Duck Duck Go"],
                        ["moz", "Mozilla.org"],
                        ["other", "Use 'Other URL' below"],
                    ],
                    "description": "123456789 123456789 123456789 123456789 1",
                    "default": "ddg"
                },
                {
                    "key": "runcoderun.rcr_lookup.js_lookup_resource-other",
                    "title": "Other URL",
                    "description": "Type in the URL, substituting %s for the search parameter.",
                    "type": "string",
                    "placeholder": "https://duckduckgo.com/?q=\\site:EXAMPLE.COM+TOPIC+%s",
                },
            ],
        },
        {
            "title": "CSS Lookup Resource",
            "description": "Specify where queries originating from CSS files should be sent. Duck Duck Go's \"I'm feeling ducky\" search will redirect to the first search result, which is correct *most* of the time.",
            "type": "section",
            "children":
            [
                {
                    "key": "runcoderun.rcr_lookup.css_lookup_resource",
                    "title": "CSS Reference",
                    "type": "enum",
                    "description": "123456789 123456789 123456789 123456789 12",
                    "values":
                    [
                        ["moz", "Mozilla.org via Duck Duck Go"],
                        ["can", "Caniuse.org"],
                        ["other", "Use 'Other URL' below"],
                    ],
                    "default": "moz"
                },
                {
                    "key": "runcoderun.rcr_lookup.css_lookup_resource-other",
                    "title": "Other URL",
                    "description": "Type in the search URL, substituting %s for the search parameter.",
                    "type": "string",
                    "placeholder": "https://duckduckgo.com/?q=\\site:EXAMPLE.COM+TOPIC+%s",
                },
            ]
        }
1 Like