diff --git a/extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisHeader.tsx b/extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisHeader.tsx index 8b6ed41f0..9812aa140 100644 --- a/extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisHeader.tsx +++ b/extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisHeader.tsx @@ -20,21 +20,21 @@ export type VariantAnalysisHeaderProps = { onExportResultsClick: () => void; }; -const Wrapper = styled.div` +const Container = styled.div` display: flex; align-items: center; `; -const HeaderWrapper = styled.div` +const TopRow = styled.div` max-width: 100%; `; -const HeaderButtons = styled.div` +const TopLinkButtons = styled.div` display: flex; gap: 1em; `; -const ActionsWrapper = styled.div` +const BottomButtons = styled.div` margin-left: auto; display: flex; gap: 1em; @@ -55,10 +55,10 @@ export const VariantAnalysisHeader = ({ onExportResultsClick }: VariantAnalysisHeaderProps) => { return ( - - + + {queryName} - + {queryFileName} @@ -67,9 +67,9 @@ export const VariantAnalysisHeader = ({ View query - - - + + + {status === VariantAnalysisStatus.InProgress && ( Stop query @@ -85,7 +85,7 @@ export const VariantAnalysisHeader = ({ )} - - + + ); };