[Application card] Interaction buttons 'Залишити гурток', 'Відмовити', 'Прийняти' are displayed outside the card border

[OMGaranina]

Environment: Browser Firefox Version 126.0 / Device: iPhone 12/13+Pro, iOS 14.6 (vertical orientation) Reproducible: always Build found: commit 7a710c4

Preconditions

1. The site 'Позашкілля' https://oos.dmytrominochkin.cloud is opened

Case 1

Steps to reproduce

1. Log in as a service provider, who has at least one application to the workshop
2. Tap on the burger menu in the header
3. Tap on the 'Заявки' link
4. Slide the screen to the right and observe the application card

Actual result Buttons 'Прийняти', 'Відмовити', 'Зарахувати' are displayed outside the application card border

https://github.com/ita-social-projects/OoS-Frontend/assets/95030828/e77612b9-dd3e-419a-ac24-5f32595cf62e

Case 2

Steps to reproduce

1. Log in as a parent, who has sent at least one application to the workshop
2. Tap on the burger menu in the header
3. Tap on the 'Заявки' link
4. Slide the screen to the right and observe the application card

Actual result The button 'Залишити гурток' is displayed outside the application card border

https://github.com/ita-social-projects/OoS-Frontend/assets/95030828/c08225b5-b1ce-41c9-8418-69449b57c08f

Expected result The interaction buttons are displayed within the application card

User story and test case links User story #182

[AkunaPatlata]

@OMGaranina do we have an example of how should it look on figma?

[OMGaranina]

@OMGaranina do we have an example of how should it look on figma?

For today we have the following mock-ups

[OMGaranina]

@AkunaPatlata the kebab menu and envelope icons are shifted to the left when there are two interaction buttons on the application card.