fix: Alignment of collection icon in header when collection name is very long

2021-01-14 18:59:43 -08:00
parent 7b8cbc50d5
commit 03cb6d66e7
1 changed files with 3 additions and 0 deletions
--- a/app/components/Heading.js
+++ b/app/components/Heading.js
@@ -7,8 +7,11 @@ const Heading = styled.h1`
  ${(props) => (props.centered ? "text-align: center;" : "")}

  svg {
+    margin-top: 4px;
    margin-left: -6px;
    margin-right: 2px;
+    align-self: flex-start;
+    flex-shrink: 0;
  }
 `;