-
Sections
+
Sections
diff --git a/src/components/StatusDropdown.tsx b/src/components/StatusDropdown.tsx
index 89846b34..ff37fb64 100644
--- a/src/components/StatusDropdown.tsx
+++ b/src/components/StatusDropdown.tsx
@@ -13,11 +13,10 @@ export function StatusPill({ status, className }: { status: string; className?:
color: style.color,
borderRadius: 16,
padding: '1px 6px',
- fontFamily: "'IBM Plex Mono', monospace",
+ fontFamily: "'Inter', sans-serif",
fontSize: 10,
fontWeight: 600,
letterSpacing: '0',
- textTransform: 'uppercase' as const,
maxWidth: 160,
}}
title={status}
@@ -98,11 +97,10 @@ function StatusOption({
}
const SECTION_LABEL_STYLE = {
- fontFamily: "'IBM Plex Mono', monospace",
+ fontFamily: "'Inter', sans-serif",
fontSize: 9,
fontWeight: 500,
letterSpacing: '0',
- textTransform: 'uppercase' as const,
}
function SectionLabel({ children }: { children: string }) {
diff --git a/src/components/TagsDropdown.tsx b/src/components/TagsDropdown.tsx
index a5303152..7afeca72 100644
--- a/src/components/TagsDropdown.tsx
+++ b/src/components/TagsDropdown.tsx
@@ -13,11 +13,10 @@ export function TagPill({ tag, className }: { tag: string; className?: string })
color: style.color,
borderRadius: 16,
padding: '1px 6px',
- fontFamily: "'IBM Plex Mono', monospace",
+ fontFamily: "'Inter', sans-serif",
fontSize: 10,
fontWeight: 600,
- letterSpacing: '1.2px',
- textTransform: 'uppercase' as const,
+ letterSpacing: '0',
maxWidth: 160,
}}
title={tag}
@@ -90,11 +89,10 @@ function TagOption({
}
const SECTION_LABEL_STYLE = {
- fontFamily: "'IBM Plex Mono', monospace",
+ fontFamily: "'Inter', sans-serif",
fontSize: 9,
fontWeight: 500,
- letterSpacing: '1.2px',
- textTransform: 'uppercase' as const,
+ letterSpacing: '0',
}
function SectionLabel({ children }: { children: string }) {
diff --git a/src/components/TypeCustomizePopover.test.tsx b/src/components/TypeCustomizePopover.test.tsx
index ca38c831..7c6c8389 100644
--- a/src/components/TypeCustomizePopover.test.tsx
+++ b/src/components/TypeCustomizePopover.test.tsx
@@ -66,9 +66,9 @@ describe('TypeCustomizePopover', () => {
it('renders color, icon, and template sections', () => {
renderPopover()
- expect(screen.getByText('COLOR')).toBeInTheDocument()
- expect(screen.getByText('ICON')).toBeInTheDocument()
- expect(screen.getByText('TEMPLATE')).toBeInTheDocument()
+ expect(screen.getByText('Color')).toBeInTheDocument()
+ expect(screen.getByText('Icon')).toBeInTheDocument()
+ expect(screen.getByText('Template')).toBeInTheDocument()
expect(screen.getByText('Done')).toBeInTheDocument()
})
diff --git a/src/components/TypeCustomizePopover.tsx b/src/components/TypeCustomizePopover.tsx
index 215826ba..27438407 100644
--- a/src/components/TypeCustomizePopover.tsx
+++ b/src/components/TypeCustomizePopover.tsx
@@ -75,7 +75,7 @@ export function TypeCustomizePopover({
onContextMenu={(e) => e.stopPropagation()}
>
{/* Color section */}
-
COLOR
+
Color
{ACCENT_COLORS.map((c) => (