Merge pull request #1339 from scm-manager/bugfix/branchselector_overflow

Overflow for too long branch names

CHANGELOG.md

@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Missing synchronization during repository creation ([#1328](https://github.com/scm-manager/scm-manager/pull/1328))
 - Missing BranchCreatedEvent for mercurial ([#1334](https://github.com/scm-manager/scm-manager/pull/1334))
 - Branch not found right after creation ([#1334](https://github.com/scm-manager/scm-manager/pull/1334))
+- Overflow for too long branch names ([#1339](https://github.com/scm-manager/scm-manager/pull/1339))
 - Set default branch in branch selector if nothing is selected ([#1338](https://github.com/scm-manager/scm-manager/pull/1338))
 
 ## [2.5.0] - 2020-09-10

scm-ui/ui-webapp/src/repos/codeSection/components/CodeActionBar.tsx

@@ -41,6 +41,13 @@ const ActionBar = styled.div`
   margin-bottom: 1em;
 `;
 
+const FlexShrinkLevel = styled(Level)`
+  .level-left {
+    flex-shrink: 1;
+    margin-right: 0.75rem;
+  }
+`;
+
 type Props = {
   selectedBranch?: string;
   branches: Branch[];
@@ -54,7 +61,7 @@ const CodeActionBar: FC<Props> = ({ selectedBranch, branches, onSelectBranch, sw
 
   return (
     <ActionBar>
-      <Level
+      <FlexShrinkLevel
         left={
           branches?.length > 0 && (
             <BranchSelector