Describe the bug
On the Archive Course page (accessible from the Homepage via "Looking for old courses?"), course cards with long course names cause the course icon and title to overflow and not be properly centered. For example, the card for "Funktionale Programmierung und Verifikation (Sommersemester 2023)" has its icon ("F") and course title not centered within the card — the content overflows the card boundaries instead of being contained within it.
To Reproduce
- Go to the Artemis Homepage
- Click on "Looking for old courses?" below the active courses
- Scroll to a semester that contains courses with long names (e.g., "Funktionale Programmierung und Verifikation (Sommersemester 2023)")
- Observe that the course icon and title are not centered and overflow the card
Expected behavior
The course card should handle long course names gracefully. The course icon and title should remain centered within the card. Long text should wrap properly or be truncated (e.g., with ellipsis) without overflowing the card boundaries.
Screenshots
> **Note:** In the screenshot, the card for "Funktionale Programmierung und Verifikation (Sommersemester 2023)" shows the "F" icon and course title overflowing and not being centered within the card.
Which version of Artemis are you seeing the problem on?
9.0.0
What browsers are you seeing the problem on?
Chrome
Additional context
This affects the archived courses overview. Cards with shorter names display correctly with centered content, while cards with longer names cause the icon and title to overflow. This appears to be a CSS layout issue where the card does not constrain its content properly when the course name is long.
Describe the bug
On the Archive Course page (accessible from the Homepage via "Looking for old courses?"), course cards with long course names cause the course icon and title to overflow and not be properly centered. For example, the card for "Funktionale Programmierung und Verifikation (Sommersemester 2023)" has its icon ("F") and course title not centered within the card — the content overflows the card boundaries instead of being contained within it.
To Reproduce
Expected behavior
The course card should handle long course names gracefully. The course icon and title should remain centered within the card. Long text should wrap properly or be truncated (e.g., with ellipsis) without overflowing the card boundaries.
Screenshots
Which version of Artemis are you seeing the problem on?
9.0.0
What browsers are you seeing the problem on?
Chrome
Additional context
This affects the archived courses overview. Cards with shorter names display correctly with centered content, while cards with longer names cause the icon and title to overflow. This appears to be a CSS layout issue where the card does not constrain its content properly when the course name is long.