Standardise dropdown icon margins (#2473)

This commit is contained in:
Vini Brasil 2022-11-25 09:12:52 -03:00 committed by GitHub
parent b9367941f0
commit e2563acf36
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions

View File

@ -63,7 +63,7 @@ export function IntervalPicker({ graphData, query, site, updateInterval }) {
<>
<Menu.Button ref={menuElement} className="text-sm inline-flex focus:outline-none text-gray-700 dark:text-gray-300 hover:text-indigo-600 dark:hover:text-indigo-600 items-center">
{ INTERVAL_LABELS[currentInterval] }
<ChevronDownIcon className="w-4 h-4" aria-hidden="true" />
<ChevronDownIcon className="ml-1 h-4 w-4" aria-hidden="true" />
</Menu.Button>
<Transition

View File

@ -303,8 +303,8 @@ export default class SourceList extends React.Component {
<Menu as="div" className="relative inline-block text-left">
<div>
<Menu.Button className="inline-flex justify-between focus:outline-none">
<span style={{ width: '4.2rem' }} className={this.state.tab.startsWith('utm_') ? activeClass : defaultClass}>{buttonText}</span>
<ChevronDownIcon className="-mr-1 ml-px h-4 w-4" aria-hidden="true" />
<span className={this.state.tab.startsWith('utm_') ? activeClass : defaultClass}>{buttonText}</span>
<ChevronDownIcon className="-mr-1 ml-1 h-4 w-4" aria-hidden="true" />
</Menu.Button>
</div>