diff --git a/web/src/components/BranchTagSelect/BranchTagSelect.module.scss b/web/src/components/BranchTagSelect/BranchTagSelect.module.scss index 4132d9c2a..0c72202c1 100644 --- a/web/src/components/BranchTagSelect/BranchTagSelect.module.scss +++ b/web/src/components/BranchTagSelect/BranchTagSelect.module.scss @@ -4,6 +4,17 @@ html[class=''] { } } +.branchContainer { + :global(> .bp3-button-text) { + display: flex !important; + > .branchSpan { + display: flex !important; + align-items: center !important; + padding-right: var(--spacing-tiny); + } + } +} + .button { --border: 1px solid var(--grey-200) !important; --background-color-active: var(--white) !important; @@ -19,6 +30,7 @@ html[class=''] { .prefix { color: var(--grey-450) !important; font-weight: normal; + padding-right: var(--spacing-xsmall); } :global { diff --git a/web/src/components/BranchTagSelect/BranchTagSelect.module.scss.d.ts b/web/src/components/BranchTagSelect/BranchTagSelect.module.scss.d.ts index 76e3e756a..3f2575408 100644 --- a/web/src/components/BranchTagSelect/BranchTagSelect.module.scss.d.ts +++ b/web/src/components/BranchTagSelect/BranchTagSelect.module.scss.d.ts @@ -1,6 +1,8 @@ /* eslint-disable */ // This is an auto-generated file +export declare const branchContainer: string export declare const branchesOnly: string +export declare const branchSpan: string export declare const button: string export declare const input: string export declare const listContainer: string diff --git a/web/src/components/BranchTagSelect/BranchTagSelect.tsx b/web/src/components/BranchTagSelect/BranchTagSelect.tsx index 6f70485bb..1a1a2a529 100644 --- a/web/src/components/BranchTagSelect/BranchTagSelect.tsx +++ b/web/src/components/BranchTagSelect/BranchTagSelect.tsx @@ -9,6 +9,7 @@ import { noop } from 'lodash-es' import { String, useStrings } from 'framework/strings' import { getErrorMessage, LIST_FETCHING_LIMIT } from 'utils/Utils' import { useAppContext } from 'AppContext' +import Branches from '../../icons/Branches.svg' import { CodeIcon, GitInfoProps, GitRefType, isRefATag, REFS_TAGS_PREFIX } from 'utils/GitUtils' import css from './BranchTagSelect.module.scss' @@ -44,22 +45,35 @@ export const BranchTagSelect: React.FC = ({ return (