[Feature]: Add an option to toggle rotation when Stremio Web is installed as PWA on Android

[FastZet]

Feature Description

Not sure if it's a feature, more like an enhancement. But currently when Stremio Web is installed as a PWA on Android, the app auto rotates.

Proposed Solution

Having a toggle to switch it on/off in the settings would be really helpful.

Additional Context or Screenshots

Since Stremio 5 is a WIP, many buttons and menu are oversized on a smartphone while texts on file names list of any particular media are small and not wrapped.

With auto rotate, due to size discrepancy and no word wrap, information hardly appear even on a 6 inch android phone.

Code of Conduct

• I agree

[kKaskak]

Rotation is managed by your phone settings you can choose to lock the rotation and rotate with a button.
Being a web app even if its a PWA we do not have any control on that. please share other issues as screenshots in this issue. Thank you

Edit:

• There is a feature to lock the orientation on PWAs available only on Android.
  https://developer.mozilla.org/en-US/docs/Web/API/ScreenOrientation/lock

[FastZet]

The rotation on my phone is locked/off. I use the small rotation icon/button that appears when we tilt the phone to rotate manually. If it supports android, please consider implementing it.

As for my other mentioned issues, I have attached screenshots as below.

1. In the landscape image you can see that on the left side above the "add to library" button the space for information is very small as vertical half of the left side is occupied by buttons only. Two lines barely fit the space in top vertical half of the left side.
2. In the first portrait image that shows the movie name and casta and the big "add to library" etc., the buttons and the spaces among everything are too big. This was a scrolling screenshot.
3. Second portrait image is of the results shown by an addon for a movie. There are two columns here. Column one gives addon and resolution info, second column gives file names and other data like language and source of the file. This second column's words are not wrapped for the mobile view. For example, between the first two lines of the first result some of the words got cut off in the first line.

[kKaskak]

#795
Some improvements for this

[kKaskak]

The rotation on my phone is locked/off. I use the small rotation icon/button that appears when we tilt the phone to rotate manually. If it supports android, please consider implementing it.

As for my other mentioned issues, I have attached screenshots as below.

1. In the landscape image you can see that on the left side above the "add to library" button the space for information is very small as vertical half of the left side is occupied by buttons only. Two lines barely fit the space in top vertical half of the left side.
2. In the first portrait image that shows the movie name and casta and the big "add to library" etc., the buttons and the spaces among everything are too big. This was a scrolling screenshot.
3. Second portrait image is of the results shown by an addon for a movie. There are two columns here. Column one gives addon and resolution info, second column gives file names and other data like language and source of the file. This second column's words are not wrapped for the mobile view. For example, between the first two lines of the first result some of the words got cut off in the first line.

The changes for the PWA mobile landscape view are merged expect them soon in the new release.

[FastZet]

#1 landscape issue has been fixed with latest update.

#2 has been fixed as well. The spaces have been reduced, screen real estate is now being thoughtfully utilized.

#3 issue still remains. The words are not wrapping and are being cut off. If wrapping is not possible, can we make them "streaming/running lines"? By that I mean the lines will move from right to left so that we can read it fully.

[kKaskak]

Point 3 addressed by showing the full title in the menu with right click (hold on mobile)

Rotation setting on pending now