fixes

Author: ankormoreankor

packages/ui/src/components/text.tsx

@@ -74,7 +74,7 @@ export const textVariants = cva('', {
       warning: 'text-cn-warning',
       merged: 'text-cn-merged',
       danger: 'text-cn-danger',
-      accent: 'text-cn-brand'
+      brand: 'text-cn-brand'
     },
     lineClamp: {
       default: '',

packages/ui/src/views/repo/pull-request/details/components/conversation/pull-request-panel.tsx

@@ -121,7 +121,7 @@ const HeaderTitle = ({ ...props }: HeaderProps) => {
 
   const getStatusTextColor = (): TextProps['color'] => {
     if (isDraft) return 'foreground-1'
-    if (isClosed) return 'accent'
+    if (isClosed) return 'brand'
     if (isMerged) return 'merged'
 
     if (isOpen && (mergeable === false || ruleViolation || isFastForwardNotPossible)) {
@@ -520,6 +520,7 @@ const PullRequestPanel = ({
           disableHover
         >
           <StackedList.Field
+            className="min-w-fit max-w-fit"
             title={
               <HeaderTitle
                 isDraft={isDraft}
@@ -547,11 +548,12 @@ const PullRequestPanel = ({
             <>
               <StackedList.Field
                 right
+                className="grow [&>.cn-stacked-list-field-title]:overflow-visible"
                 title={
-                  <Layout.Horizontal align="center" justify="center" gap="sm">
-                    {!notBypassable && isMergeable && !isDraft && prPanelData.ruleViolation && (
+                  <Layout.Horizontal align="center" gap="sm" wrap="wrap">
+                    {
                       <Checkbox
-                        className="flex-1"
+                        className="!w-fit"
                         id="checkbox-bypass"
                         showOptionalLabel
                         checked={!!checkboxBypass}
@@ -563,7 +565,7 @@ const PullRequestPanel = ({
                         label="Bypass and merge anyway"
                         truncateLabel={false}
                       />
-                    )}
+                    }
 
                     {shouldShowMoreActions && (
                       <MoreActionsTooltip