style: ensure elements in query builder rows are aligned

grafana · May 10, 2024 · a7b853d · a7b853d
1 parent 06a2791
commit a7b853d
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 10 deletions.
diff --git a/public/app/plugins/datasource/graphite/components/AddGraphiteFunction.tsx b/public/app/plugins/datasource/graphite/components/AddGraphiteFunction.tsx
@@ -35,12 +35,16 @@ export function AddGraphiteFunction({ funcDefs }: Props) {
  }, [value, dispatch]);
 
  return (
- <Segment
- Component={<Button icon="plus" variant="secondary" className={cx(styles.button)} aria-label="Add new function" />}
- options={options}
- onChange={setValue}
- inputMinWidth={150}
- />
+ <div>
+ <Segment
+ Component={
+ <Button icon="plus" variant="secondary" className={cx(styles.button)} aria-label="Add new function" />
+ }
+ options={options}
+ onChange={setValue}
+ inputMinWidth={150}
+ />
+ </div>
  );
 }
 

diff --git a/public/app/plugins/datasource/graphite/components/MetricsSection.tsx b/public/app/plugins/datasource/graphite/components/MetricsSection.tsx
@@ -12,10 +12,10 @@ type Props = {
 
 export function MetricsSection({ segments = [], state }: Props) {
  return (
- <>
+ <div>
  {segments.map((segment, index) => {
  return <MetricSegment segment={segment} metricIndex={index} key={index} state={state} />;
  })}
- </>
+ </div>
  );
 }
diff --git a/public/app/plugins/datasource/graphite/components/TagsSection.tsx b/public/app/plugins/datasource/graphite/components/TagsSection.tsx
@@ -44,7 +44,7 @@ export function TagsSection({ tags, state }: Props) {
  );
 
  return (
- <>
+ <div>
  {tags.map((tag, index) => {
  return <TagEditor key={index} tagIndex={index} tag={tag} state={state} />;
  })}
@@ -60,7 +60,7 @@ export function TagsSection({ tags, state }: Props) {
  />
  )}
  {state.paused && <PlayButton />}
- </>
+ </div>
  );
 }