+ ('selected track')}
+ onChange={setTrackSelected}
+ options={trackOpts}
+ value={trackSelected}
+ />
- {grouped.map(({ referenda, trackId, trackName }: ReferendaGroup) => (
+ {filtered.map(({ referenda, trackId, trackName }: ReferendaGroup) => (
('No active referenda')}
header={[
@@ -87,4 +116,13 @@ export default React.memo(styled(Referenda)`
padding-left: 1.5rem;
text-overflow: ellipsis;
}
+
+ .ui--Dropdown.topDropdown {
+ min-width: 25rem;
+ padding-left: 0;
+
+ > label {
+ left: 1.55rem !important;
+ }
+ }
`);
diff --git a/packages/react-components/src/Button/Group.tsx b/packages/react-components/src/Button/Group.tsx
index b19439cbe8..3729f59c05 100644
--- a/packages/react-components/src/Button/Group.tsx
+++ b/packages/react-components/src/Button/Group.tsx
@@ -40,7 +40,7 @@ export default React.memo(styled(ButtonGroup)`
display: inline-block;
}
- .ui--ToggleGroup {
+ .ui--ToggleGroup, .ui--Dropdown {
float: left;
}
`);