style: increase sidebar search input hitbox

Increase the padding of the sidebar search input. Fixes linked issue.

refs #6529

Signed-off-by: Alexander Klein <x.klein.14@gmail.com>
Signed-off-by: Alexander Klein <alexander.klein@logmein.com>
This commit is contained in:
Alexander Klein
2021-07-19 11:09:31 +02:00
parent ea5631a40d
commit f3d5a811b0
@@ -97,6 +97,9 @@ const useStyles = makeStyles<BackstageTheme>(theme => {
fontWeight: 'bold',
fontSize: theme.typography.fontSize,
},
searchFieldHTMLInput: {
padding: '15px 0 17px',
},
searchContainer: {
width: drawerWidthOpen - iconContainerWidth,
},
@@ -271,6 +274,9 @@ export const SidebarSearchField = (props: SidebarSearchFieldProps) => {
disableUnderline: true,
className: classes.searchField,
}}
inputProps={{
className: classes.searchFieldHTMLInput,
}}
/>
</SidebarItem>
</div>