أعتقد أن الأمر يتعلق بالمساحة العمودية المتاحة؟ عندما تتناسب جميع عناصر التحكم على يمين القائمة المنسدلة (“الأحدث” في لقطة الشاشة الخاصة بك)، فإنها تصطف على اليمين. هذا بسبب تعريف النمط على عنصر القائمة المنسدلة هذا:
#navigation-bar {
margin-right: auto;
}
ولكن عندما لا تتناسب، فإنها تشغل السطر التالي ثم تصطف على اليسار. إنها مشكلة بسيطة، ولكن أعتقد أنه يمكن إصلاحها بتعريف محاذاة مختلف قليلاً على navigation-controls؟
تشترك الأزرار في حاوية رئيسية مشتركة، لذا تلتف كوحدة واحدة عندما لا تكون هناك مساحة كافية.
يبدو أن هناك بعض المساحة الإضافية حول زر الموضوع الجديد هنا:
قد يكون إزالة ذلك كافيًا لتجنبه… التفاف هذه الأزرار هو نوع من الملاذ الأخير، وبشكل افتراضي يحدث فقط للمسؤولين على الشاشات بعرض أقل من 355 بكسل، على الرغم من أن عوامل مثل مستويات التكبير والموضوعات يمكن أن تؤثر على ذلك.
ربما يمكننا دمج زري المسؤول والتحديد المجمع هنا إذا كان كلاهما موجودًا لتجنب ذلك