diff --git a/frontend/src/components/QueryBuilderV2/QueryBuilderV2.styles.scss b/frontend/src/components/QueryBuilderV2/QueryBuilderV2.styles.scss index f5404ea8776a..02834330bfeb 100644 --- a/frontend/src/components/QueryBuilderV2/QueryBuilderV2.styles.scss +++ b/frontend/src/components/QueryBuilderV2/QueryBuilderV2.styles.scss @@ -22,6 +22,10 @@ flex: 1; position: relative; + + .qb-trace-view-selector-container { + padding: 12px 8px 8px 8px; + } } .qb-content-section { diff --git a/frontend/src/components/QueryBuilderV2/QueryV2/QueryAddOns/QueryAddOns.styles.scss b/frontend/src/components/QueryBuilderV2/QueryV2/QueryAddOns/QueryAddOns.styles.scss index 90cc001e4c8c..db7bd881f405 100644 --- a/frontend/src/components/QueryBuilderV2/QueryV2/QueryAddOns/QueryAddOns.styles.scss +++ b/frontend/src/components/QueryBuilderV2/QueryV2/QueryAddOns/QueryAddOns.styles.scss @@ -1,7 +1,11 @@ +.query-add-ons { + width: 100%; +} + .add-ons-list { display: flex; - justify-content: space-between; align-items: center; + gap: 16px; .add-ons-tabs { display: flex; diff --git a/frontend/src/components/QueryBuilderV2/QueryV2/QuerySearch/QuerySearch.styles.scss b/frontend/src/components/QueryBuilderV2/QueryV2/QuerySearch/QuerySearch.styles.scss index 75abfba59e10..28303f429437 100644 --- a/frontend/src/components/QueryBuilderV2/QueryV2/QuerySearch/QuerySearch.styles.scss +++ b/frontend/src/components/QueryBuilderV2/QueryV2/QuerySearch/QuerySearch.styles.scss @@ -7,6 +7,7 @@ 'Helvetica Neue', sans-serif; .query-where-clause-editor-container { + position: relative; display: flex; flex-direction: row; diff --git a/frontend/src/components/SignozRadioGroup/SignozRadioGroup.styles.scss b/frontend/src/components/SignozRadioGroup/SignozRadioGroup.styles.scss index 5c2a7b56f93e..ab5baa5380c5 100644 --- a/frontend/src/components/SignozRadioGroup/SignozRadioGroup.styles.scss +++ b/frontend/src/components/SignozRadioGroup/SignozRadioGroup.styles.scss @@ -17,6 +17,19 @@ font-weight: var(--font-weight-normal); } + .view-title-container { + display: flex; + align-items: center; + gap: 6px; + justify-content: center; + + .icon-container { + display: flex; + align-items: center; + justify-content: center; + } + } + .tab { border: 1px solid var(--bg-slate-400); &:hover {