更改主题页脚按钮的顺序

[katelion]

您好，

我们想更改主题页脚按钮的顺序。我没有找到任何插件，用 CSS 似乎也不容易实现。

我们的目标是让它看起来像这样：

有人有什么想法吗？

[Arkshine]

您好，

可以试试这个 CSS 吗？

它假设您想隐藏默认的通知文本。
它是基于默认主题的。如果需要调整，请告诉我！

#topic-footer-buttons {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    
    button.create { order: -4; }
    button.bookmark { order: -3; }
    button.share-and-invite { order: -2; }
    button.flag-topic { order: -1; }
    
    .topic-notifications-button {
        margin-block: 0;
        
        .reason  {
            margin-top: 0;
            
            .text {
                display: none;
            }
        }
    }
}

@media screen and (max-width: 924px) {
    html.desktop-view #topic-footer-buttons .topic-notifications-button {
        margin-top: 1em;
    }
}

[katelion]

太棒了，它奏效了！谢谢你！