Prevent breadcrumb overflow and shrink large elements (#1563)

- Restore left margin on copy permalink
- Move slash to the right to make it resemble the console
- Shrink large elements
- Add new storyshot
- Fix separation of toggle icon and file title

scm-ui/ui-components/src/Breadcrumb.stories.tsx

@@ -38,6 +38,8 @@ const Wrapper = styled.div`
 
 const master = { name: "master", revision: "1", defaultBranch: true, _links: {} };
 const path = "src/main/java/com/cloudogu";
+const longPath =
+  "dream-path/src/main/scm-plugins/javaUtilityHomeHousingLinkReferrer/sonia/scm/repositoryUndergroundSupportManager/spi/SvnRepositoryServiceResolver.java";
 const baseUrl = "scm-manager.org/scm/repo/hitchhiker/heartOfGold/sources";
 const sources = Git;
 
@@ -55,4 +57,16 @@ storiesOf("BreadCrumb", module)
       revision={"1"}
       permalink={"/" + path}
     />
+  ))
+  .add("Long path", () => (
+    <Breadcrumb
+      repository={repository}
+      defaultBranch={master}
+      branch={master}
+      path={longPath}
+      baseUrl={baseUrl}
+      sources={sources}
+      revision={"1"}
+      permalink={"/" + longPath}
+    />
   ));