fix: text component scaling

[urmauur]

Describe Your Changes

This pull request introduces a minor enhancement to the text styling across the application by ensuring consistent font sizes for specific components. The most significant changes include adding a new CSS variable for extra-small text and updating relevant components to use the !text-sm class for text styling.

Styling Updates:

• web-app/src/index.css: Added a new CSS variable --text-xs for extra-small text, calculated as 75% of the base font size (~12px).

• web-app/src/containers/ThreadContent.tsx: Updated the className property of a styled component to include the !text-sm class, ensuring consistent small text styling.

• web-app/src/containers/dialogs/EditJsonMCPserver.tsx: Modified the className property to include the !text-sm class for uniform small text styling.

Fixes Issues

https://discord.com/channels/1107178041848909847/1375155523938422956/1375157138225102959

• Closes #
• Closes #

Self Checklist

• Added relevant comments, esp in complex areas
• Updated docs (for bug fixes / features)
• Created issues for follow-up changes or refactoring needed

---

Important

Enhance text styling by adding --text-xs CSS variable and updating components to use !text-sm class for consistent text size.

• Styling Updates:
  • Add CSS variable --text-xs in index.css for extra-small text (~12px).
  • Update className to include !text-sm in ThreadContent.tsx and EditJsonMCPserver.tsx for consistent small text styling.

^{This description was created by for 04f2daf. You can customize this summary. It will automatically update as commits are pushed.}

[ellipsis-dev]

Caution

Changes requested ❌

Reviewed everything up to b7045cd in 1 minute and 35 seconds. Click for details.

• Reviewed 38 lines of code in 3 files
• Skipped 0 files when reviewing.
• Skipped posting 3 draft comments. View those below.
• Modify your settings and rules to customize what types of comments Ellipsis leaves. And don't forget to react with 👍 or 👎 to teach Ellipsis.

1. web-app/src/containers/ThreadContent.tsx:346

• Draft comment:
  Ensure the use of '!text-sm' here is intentional for overriding text size; verify it aligns with responsive design expectations.
• Reason this comment was not posted:
  Confidence changes required: 33% <= threshold 50% None

2. web-app/src/containers/dialogs/EditJsonMCPserver.tsx:76

• Draft comment:
  The '!text-sm' class is added to the CodeEditor for consistent styling; confirm this override is needed and does not conflict with other styles.
• Reason this comment was not posted:
  Confidence changes required: 33% <= threshold 50% None

3. web-app/src/containers/dialogs/EditJsonMCPserver.tsx:76

• Draft comment:
  There's an extra trailing space in the className value ("w-full !text-sm "). Consider removing the trailing whitespace to keep consistency.
• Reason this comment was not posted:
  Decided after close inspection that this draft comment was likely wrong and/or not actionable: usefulness confidence = 10% vs. threshold = 50% While technically correct about the trailing space, this is an extremely minor formatting issue that has no functional impact. The space at the end of a className string is ignored by browsers and CSS processors. This kind of nitpicky formatting comment doesn't meet the bar of "clearly a code change required" and falls into the "obvious or unimportant" category. The trailing space could theoretically cause inconsistency with other className strings in the codebase. It might be caught by linting rules. Even if there are linting rules about trailing spaces, those would be automatically caught by the build process - we explicitly shouldn't comment on things that would be caught by the build. This comment should be deleted as it points out an extremely minor formatting issue that has no functional impact and would be caught by linting if it was actually a problem.

Workflow ID: wflow_cFp2d5gN5HzkLAsU

^{You can customize by changing your verbosity settings, reacting with 👍 or 👎, replying to comments, or adding code review rules.}

[ellipsis-dev]

Important

Looks good to me! 👍

Reviewed 04f2daf in 59 seconds. Click for details.

• Reviewed 13 lines of code in 1 files
• Skipped 0 files when reviewing.
• Skipped posting 1 draft comments. View those below.
• Modify your settings and rules to customize what types of comments Ellipsis leaves. And don't forget to react with 👍 or 👎 to teach Ellipsis.

1. web-app/src/index.css:25

• Draft comment:
  The PR description mentions extra-small text at 87.5% (~14px), but here --text-xs is set to 75% (~12px). Confirm if this change is intended and update either the code comment/description for consistency.
• Reason this comment was not posted:
  Comment did not seem useful. Confidence is useful = 0% <= threshold 50% The comment is asking the PR author to confirm if the change is intended and to update the code comment or description for consistency. This violates the rule against asking the author to confirm their intention or update the PR description.

Workflow ID: wflow_a4f0NRRwd6VR7ojr

^{You can customize by changing your verbosity settings, reacting with 👍 or 👎, replying to comments, or adding code review rules.}

[github-actions]

This is the build for this pull request. You can download it from the Artifacts section here: Build URL.

[github-actions]

This is the build for this pull request. You can download it from the Artifacts section here: Build URL.

[github-actions]

This is the build for this pull request. You can download it from the Artifacts section here: Build URL.