fix: align mobile usage log cost badge

[yyhhyyyyyy]

⚠️ 提交说明 / PR Notice

Important

• 请提供人工撰写的简洁摘要，避免直接粘贴未经整理的 AI 输出。

📝 变更描述 / Description

(简述：做了什么？为什么这样改能生效？请基于你对代码逻辑的理解来写，避免粘贴未经整理的内容)
修复移动端使用日志费用标签上移问题，保留其在模型名称右侧的布局，仅调整对齐并收窄样式覆盖范围。

🚀 变更类型 / Type of change

• 🐛 Bug 修复 (Bug fix) - 请关联对应 Issue，避免将设计取舍、理解偏差或预期不一致直接归类为 bug
• ✨ 新功能 (New feature) - 重大特性建议先通过 Issue 沟通
• ⚡ 性能优化 / 重构 (Refactor)
• 📝 文档更新 (Documentation)

🔗 关联任务 / Related Issue

• Closes # (如有)

✅ 提交前检查项 / Checklist

• 人工确认: 我已亲自整理并撰写此描述，没有直接粘贴未经处理的 AI 输出。
• 非重复提交: 我已搜索现有的 Issues 与 PRs，确认不是重复提交。
• Bug fix 说明: 若此 PR 标记为 Bug fix，我已提交或关联对应 Issue，且不会将设计取舍、预期不一致或理解偏差直接归类为 bug。
• 变更理解: 我已理解这些更改的工作原理及可能影响。
• 范围聚焦: 本 PR 未包含任何与当前任务无关的代码改动。
• 本地验证: 已在本地运行并通过测试或手动验证，维护者可以据此复核结果。
• 安全合规: 代码中无敏感凭据，且符合项目代码规范。

📸 运行证明 / Proof of Work

(请在此粘贴截图、关键日志或测试报告，以证明变更生效)
修复前：

修复后：

Summary by CodeRabbit

• Refactor
  • Adjusted header alignment in the usage logs mobile card to center content vertically.
  • Updated quota cell styling to preserve right alignment while aligning nested column content to the end for a cleaner layout.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: ae94abce-29f4-4381-b9dc-7b033c6103eb

📥 Commits

Reviewing files that changed from the base of the PR and between 979aece and e2dbd02.

📒 Files selected for processing (1)

• web/default/src/features/usage-logs/components/usage-logs-mobile-card.tsx

---

Walkthrough

The PR updates CommonLogsCard in the usage logs mobile card: the header row's flex alignment changes from items-start to items-center, and the quota cell's classes are replaced to keep right alignment while aligning nested flex-column content to items-end.

Changes

Usage logs mobile card

Layer / File(s)	Summary
Header alignment and quota cell styling web/default/src/features/usage-logs/components/usage-logs-mobile-card.tsx	Header row flex alignment changed from items-start → items-center. Quota cell span-specific overrides replaced with right-aligned class and nested flex-column alignment via [&_.flex-col]:items-end.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Suggested reviewers

• Calcium-Ion

Poem

A rabbit nudges pixels bright, 🐇
Centered headers, tidy sight,
Quota columns turn to face the end,
Neat alignments gently mend—
A tiny tweak, a joyful bite.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'fix: align mobile usage log cost badge' directly and specifically describes the main change: correcting the vertical alignment of the cost badge in the mobile usage log component.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 0

[panjinhe]

Reviewed by Codex: small focused fix, checks passing.

[panjinhe]

Please disregard my previous approval on this PR. It was submitted by mistake while I was checking the wrong repository.