PDD 商品页工具条的三处使用体验问题：
做：
不做：
当前 admin/static/css/app.css 里是：
admin/static/css/app.css
.toolbar input[type="text"] { flex: 1; min-width: 160px; ... }
[必须] 这条全局规则不许改。5 个页面共用它 （client/list.html pdd/list.html task/list.html syb/list.html shopee/list.html 各有一个搜索框），改了会把另外四页一起改掉， 而本工单的「不做」清单里明确排除了它们。
[必须]
client/list.html
pdd/list.html
task/list.html
syb/list.html
shopee/list.html
做法：给 PDD 页那个输入框加一个类名，再单独写一条更具体的规则。
/* PDD 页的搜索框收窄到 30%，让「搜索」按钮能紧挨着它。 不改上面的 .toolbar input[type="text"]——那条被 5 个页面共用。 */ .toolbar input[type="text"].search-narrow { flex: 0 0 30%; }
[必须] 用 flex: 0 0 30% 而不是 width: 30%。 工具条是 flex 布局，width 会被 flex: 1 的 flex-grow 覆盖掉，看不出效果。
flex: 0 0 30%
width: 30%
width
flex: 1
flex-grow
搜索表单是 .inline.grow（flex: 1），输入框从 flex: 1 改成 flex: 0 0 30% 之后，表单里就没有会伸展的元素了， 多余空间会留在按钮之后，按钮自然就贴着输入框。
.inline.grow
[必须] 表单上的 grow 类要保留。去掉的话「删除」按钮会从最右边 跑到搜索按钮旁边——grow 的作用是把删除按钮顶到右侧，注释里写着。
grow
✗ <button type="button" data-modal-open="create-modal">创建</button> ✓ <button type="button" data-modal-open="create-modal">添加 PDD 商品</button>
[建议] 「PDD」和「商品」之间按现有文档习惯留一个空格。
[建议]
admin/templates/pdd/list.html
search-narrow
.search-narrow
docs/admin/05-ui-specification.md
.toolbar input[type="text"]
docs/admin/05
go vet
gofmt -l .
go test ./...
cd D:\chengma\cmautobuy\admin go vet ./... gofmt -l . go test ./... -count=1 go run .
浏览器打开 http://127.0.0.1:8080/pdd 目视确认三点， 再打开 /shopee /syb /tasks /clients 确认搜索框宽度没变。
min-width: 160px
回退：git revert，纯前端改动，无数据影响。
git revert
提交： 96267f4 feat: PDD 商品页工具条文案与宽度调整 (#23)
96267f4
go vet / gofmt -l . 无输出；go test ./... -count=1 全过。
go test ./... -count=1
服务端渲染逐项核对：
>创建<
flex: 1; min-width: 160px
用 .toolbar input[type="text"].search-narrow { flex: 0 0 30%; }：多一个类， 特异性高于通用规则，flex 覆盖生效；而 min-width: 160px 仍从通用规则继承， 窄屏时不会缩到没法输入。
.toolbar input[type="text"].search-narrow { flex: 0 0 30%; }
flex
「搜索」按钮靠左是收窄的自然结果——搜索表单里没有会伸展的元素之后， 多余空间留在按钮之后。没有额外加对齐样式。
用户实机确认通过。
提交： 96267f4 feat: PDD 商品页工具条文案与宽度调整 (#23) 归档： docs/task/23-admin-pdd-页工具条文案与宽度调整.md（bf81bad）
docs/task/23-admin-pdd-页工具条文案与宽度调整.md
bf81bad
11 项验收标准全部通过，其中两项防回归的：另外四个页面均不含 search-narrow；全局规则 .toolbar input[type="text"] 未被修改。
另外四页（蝦皮 / 顺运宝 / 任务 / 客户端）的搜索框仍是撑满的，与 PDD 页不一致，而 docs/admin/05 §2 要求五页布局统一。是否统一改过来待定。
No dependencies set.
The note is not visible to the blocked user.
基本信息
要解决什么
PDD 商品页工具条的三处使用体验问题：
两个都以「创建」开头，第一次用的人分不清哪个是加商品、哪个是发起采集。
做什么 / 不做什么
做：
不做：
怎么做
必须用新的类名，不能改全局规则
当前
admin/static/css/app.css里是：[必须]这条全局规则不许改。5 个页面共用它（
client/list.htmlpdd/list.htmltask/list.htmlsyb/list.htmlshopee/list.html各有一个搜索框），改了会把另外四页一起改掉，而本工单的「不做」清单里明确排除了它们。
做法：给 PDD 页那个输入框加一个类名，再单独写一条更具体的规则。
[必须]用flex: 0 0 30%而不是width: 30%。工具条是 flex 布局，
width会被flex: 1的flex-grow覆盖掉，看不出效果。搜索按钮靠左是收窄的自然结果
搜索表单是
.inline.grow（flex: 1），输入框从flex: 1改成flex: 0 0 30%之后，表单里就没有会伸展的元素了，多余空间会留在按钮之后，按钮自然就贴着输入框。
[必须]表单上的grow类要保留。去掉的话「删除」按钮会从最右边跑到搜索按钮旁边——
grow的作用是把删除按钮顶到右侧，注释里写着。按钮文案
[建议]「PDD」和「商品」之间按现有文档习惯留一个空格。预计修改文件
admin/templates/pdd/list.htmlsearch-narrow类admin/static/css/app.css.search-narrow规则docs/admin/05-ui-specification.md验收标准
.toolbar input[type="text"]未被修改docs/admin/05§5.1 已同步go vet/gofmt -l ./go test ./...全过怎么验证
浏览器打开 http://127.0.0.1:8080/pdd 目视确认三点，
再打开 /shopee /syb /tasks /clients 确认搜索框宽度没变。
风险和回退
min-width: 160px的兜底回退：
git revert，纯前端改动，无数据影响。实施完成，待验收
提交：
96267f4feat: PDD 商品页工具条文案与宽度调整 (#23)验证结果
go vet/gofmt -l .无输出；go test ./... -count=1全过。服务端渲染逐项核对：
>创建<已无残留search-narrow类grow类保留（删除按钮仍靠右）search-narrow.toolbar input[type="text"]未被修改flex: 1; min-width: 160px实现说明
用
.toolbar input[type="text"].search-narrow { flex: 0 0 30%; }：多一个类，特异性高于通用规则，
flex覆盖生效；而min-width: 160px仍从通用规则继承，窄屏时不会缩到没法输入。
「搜索」按钮靠左是收窄的自然结果——搜索表单里没有会伸展的元素之后，
多余空间留在按钮之后。没有额外加对齐样式。
未验证到的部分
30% 的实际视觉宽度、按钮间距是否舒服，需要你打开页面看一眼。
验收通过，关闭
用户实机确认通过。
提交：
96267f4feat: PDD 商品页工具条文案与宽度调整 (#23)归档：
docs/task/23-admin-pdd-页工具条文案与宽度调整.md（bf81bad）11 项验收标准全部通过，其中两项防回归的：另外四个页面均不含
search-narrow；全局规则.toolbar input[type="text"]未被修改。遗留
另外四页（蝦皮 / 顺运宝 / 任务 / 客户端）的搜索框仍是撑满的，与 PDD 页不一致，而
docs/admin/05§2 要求五页布局统一。是否统一改过来待定。