search

dgtlmoon / changedetection.io

The best and simplest free open source web page change detection, website watcher, restock monitor and notification service. Restock Monitor, change detection. Designed for simplicity - Simply monitor which websites had a text change for free. Free Open source web page change detection, Website defacement monitoring, Price change notification
https://changedetection.io
Apache License 2.0
15.79k stars 883 forks source link

CSS Bugs on Mobile #2393

Closed RayBB closed 3 weeks ago

RayBB commented 1 month ago

Describe the bug As you can see in the photos:

  1. There isn't enough space on between the pause/mark view/reset buttons on mobile.
  2. The page is too wide on mobile if there are no items being watched. Needs a text wrap

Just reporting some small css issues that could improve the experience on mobile. Nothing major. I don't have time to make a PR for this now though. Hopefully someone can 👍

Version Exact version in the top right area: 0.45.23

To Reproduce

Steps to reproduce the behavior:

  1. See screenshots

Expected behavior Slightly better styling

Screenshots Column 1 Column 2
Image 1 Image 2

Smartphone (please complete the following information):

dgtlmoon commented 1 month ago

There isn't enough space on between the pause/mark view/reset buttons on mobile.

There is no button called view/reset what do you mean exactly? there is also no button called mark ? the pause can be in the left side of the watch list or in the top list, which one do you mean?

The page is too wide on mobile if there are no items being watched. Needs a text wrap

Fixed :)

RayBB commented 1 month ago

@dgtlmoon sorry it was unclear. I meant that there should be more spacing between these rows of buttons for easier use on mobile. Screenshot_20240529-122032~3

dgtlmoon commented 3 weeks ago

both solved :) thanks!