修复群资料页箭头图标参差不齐

"群头像"/"群二维码"两行没有其它行都有的 <small>（靠 margin-left:auto 把末尾箭头推到最右），末尾图标紧贴在文字标签后面，导致整页箭头图标一个贴左一个贴右，参差不齐。给这两行末尾图标直接加 margin-left:auto，跟其它行的箭头对齐到同一条竖线上。（过程中试过给文字标签加 margin-right:auto 间接推挤，实测反而导致标签本身被推到行中间，不是预期效果，改为直接在末尾图标自己身上加 margin-left:auto，语义更明确也更可靠。） Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-05 13:25:42 +08:00
parent bd1d6ff0b0
commit e66550867c
5 changed files with 12 additions and 3 deletions
@@ -10369,6 +10369,14 @@ div.toast.show {
  height: 3.5rem;
 }

+/* 群头像/群二维码这两行没有其它行都有的 <small>（本身靠 margin-left:auto 把末尾图标推到
+   最右）——原来两行的图标紧贴在文字标签后面，跟其它行对不齐，列表右侧参差不齐。直接把
+   auto margin 放到末尾图标自己身上，这是更明确的写法，不依赖前面兄弟元素的间接推挤。 */
+.group-profile-avatar > i:last-child,
+.group-profile-qr > i:last-child {
+  margin-left: auto;
+}
+
 .group-edit-text {
  width: min(100%, 42rem);
  margin: 0 auto;