群二维码行的小图标也应跟箭头贴在一起靠右，而不是单独留在文字标签后面

上一次修复把 margin-left:auto 放在了这一行的最后一个图标（箭头）身上，箭头确实到了最右，但二维码小图标是这一行倒数第二个子元素，没吃到这个 auto margin，还留在原位——变成"二维码图标贴左、箭头单独贴右"两边分家。auto margin 改放到这一组里最靠前的图标（二维码图标）身上，箭头作为它后面的下一个兄弟元素自然跟上，两个图标现在整组一起贴右。 Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-05 13:30:43 +08:00
parent e66550867c
commit 290fc80f3e
2 changed files with 6 additions and 3 deletions
@@ -10371,9 +10371,12 @@ div.toast.show {

 /* 群头像/群二维码这两行没有其它行都有的 <small>（本身靠 margin-left:auto 把末尾图标推到
   最右）——原来两行的图标紧贴在文字标签后面，跟其它行对不齐，列表右侧参差不齐。直接把
-   auto margin 放到末尾图标自己身上，这是更明确的写法，不依赖前面兄弟元素的间接推挤。 */
+   auto margin 放到"最右边这一组图标"里最靠前的那一个身上，这是更明确的写法，不依赖前面
+   兄弟元素的间接推挤：群头像只有末尾箭头一个图标，加在它自己身上；群二维码是"二维码小图标
+   +箭头"两个连续图标要整组贴右，auto margin 只能放在这一组的第一个（二维码图标）身上——
+   放在箭头身上只会把箭头自己推到最右，二维码图标依然留在文字标签后面，两个图标就分家了。 */
 .group-profile-avatar > i:last-child,
-.group-profile-qr > i:last-child {
+.group-profile-qr > i:first-of-type {
  margin-left: auto;
 }