Fix wrap issues with GH label badges

rgehan · Dec 28, 2023 · ce7de47 · ce7de47
1 parent 4a65718
commit ce7de47
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/providers/github/components/IssueCard/IssueCard.tsx b/src/providers/github/components/IssueCard/IssueCard.tsx
@@ -158,7 +158,7 @@ export const IssueCard = compose<IInnerProps, IProps>(
           )}
           <ContextualDropdown issue={issue} />
         </div>
-        <div className="flex mt-3">
+        <div className="flex flex-wrap gap-y-1 gap-x-1 mt-3">
           {issue.labels.map(label => (
             <LabelBadge key={label.name} label={label} />
           ))}

diff --git a/src/providers/github/components/IssueCard/LabelBadge.tsx b/src/providers/github/components/IssueCard/LabelBadge.tsx
@@ -17,7 +17,7 @@ export const LabelBadge = ({ label }: IProps) => {
   return (
     <div
       className={cx(
-        'text-xs py-1 px-2 rounded mr-2',
+        'text-xs whitespace-nowrap py-1 px-2 rounded',
         isDark ? 'text-white' : 'text-gray-900'
       )}
       style={{ background }}

diff --git a/src/providers/jira/components/IssueCard/index.ts b/src/providers/jira/components/IssueCard/index.ts
@@ -1 +1,2 @@
-export { IssueCard, IProps } from './IssueCard';
+export { IssueCard } from './IssueCard';
+export type { IProps } from './IssueCard';