Currently, when the page is opened on a mobile device with a small screen, the following problems occur:
The header is missing (probably some tailwind CSS class is responsible for that and should be removed)
The table does not fit the screen, and the scrollbar shows up.
The title does not fit the screen as well.
The cross to unselect a dependency for the dependencies multi-select input is too small and it is hard to tap on it.
It is hard to read the repository description due to text-overflow behavior
It is worth noticing, that the text-overflow behavior was intentionally added and it works well on a desktop. However,
for mobile devices, an accordion-like widget for description would possibly be a better option.
So, in order to adapt the app to mobile devices, I suggest:
redesign the header - make it appear on a screen and change the layout of the elements.
redesign the footer - make it more compact
redesign the table row, and make the table fit the screen
decrease the font size of the heading (title)
Adapt the form, make it bigger, improve the multi-select input
Currently, when the page is opened on a mobile device with a small screen, the following problems occur:
So, in order to adapt the app to mobile devices, I suggest: