حسنًا، هذه مشكلة في تجربة المستخدم (UX) تتعلق بالموضوع الجديد Foundation وزر الموضوعات المتعلق بالذكاء الاصطناعي الذي تم حقنه. فئات الزر تختلف قليلاً، ويبدو أن وجود ارتفاع سطر إضافي (line-height) يُسبب أيضًا بعض المشاكل.
لكن هذا الإصلاح سيساعد في حل المشكلة جزئيًا - يمكن تطبيق التصحيح عن طريق ضبط الحشو (padding) وإزالة ارتفاع السطر:
.more-topics__container .nav {
font-size: larger;
li .btn {
padding: .5em;
line-height: 0;
}
}
سطح المكتب:
الجوال:
