diff options
Diffstat (limited to 'source/options.tsx')
| -rw-r--r-- | source/options.tsx | 29 |
1 files changed, 17 insertions, 12 deletions
diff --git a/source/options.tsx b/source/options.tsx index 89ee563b..c3388dee 100644 --- a/source/options.tsx +++ b/source/options.tsx @@ -32,25 +32,30 @@ function buildFeatureCheckbox({name, description, screenshot, disabled}: Feature ); return ( - <p> + <div className="feature"> <input type="checkbox" name={id} id={id} disabled={Boolean(disabled)} /> - <label for={id} className="info"> - <span className="feature-name">{name}</span> - {' '} - <a href={`https://github.com/sindresorhus/refined-github/blob/master/source/features/${name}.tsx`}> - source - </a> - {screenshot ? <>, <a href={screenshot}>screenshot</a></> : ''} - <br/> - <span className="description">{parsedDescription}</span> - </label> - </p> + <div className="info"> + <label for={id}> + <span className="feature-name">{name}</span> + {' '} + <a href={`https://github.com/sindresorhus/refined-github/blob/master/source/features/${name}.tsx`}> + source + </a> + {screenshot ? <>, <a href={screenshot}>screenshot</a></> : ''} + <br/> + <p className="description">{parsedDescription}</p> + </label> + </div> + </div> ); } async function init(): Promise<void> { select('.js-features')!.append(...__featuresInfo__.map(buildFeatureCheckbox)); + // Move minimized users input field below the respective feature checkbox + select('[for="feature:minimize-user-comments"]')!.after(select('.js-minimized-users-container')!); + await optionsStorage.syncForm('#options-form'); fitTextarea.watch('textarea'); |