dgtlmoon / dgtlmoon/changedetection.io

Mobile styling feedback round 2

Open
#2,701 2 comments 0 reactions 1 assignee Claimed by @dgtlmoon View on GitHub
triage
Dominant language
Python
Stars
34.3k
Forks
2.1k
Avg merge
22h 52m
Merged PRs (30d)
70

Description

**Describe the bug**
Various styling bugs on mobile

**Version**
0.47.03

**To Reproduce**

Steps to reproduce the behavior:
1. See Screenshots

**Screenshots**
## Buttons have inconsistent colors font size/style
For example, the clear button is red on the left and grey on the right.

| Header | Header |
|--------|--------|
| ![image](https://github.com/user-attachments/assets/ef9dcf82-8cc6-4900-b236-a688abf76f38) | ![image](https://github.com/user-attachments/assets/f4a9aee5-790d-4bc5-9e8a-417773c11676) |

## Extra proxies and browsers have uneven spacing

| Header | Header |
|--------|--------|
| ![image](https://github.com/user-attachments/assets/e5fc8a0e-58c2-44d3-980b-d3d9a6e7a151) | ![image](https://github.com/user-attachments/assets/1d39f88a-133b-447f-94f5-2171d59888b0) |

## Go button misaligned on the diff page
| Header | Header |
|--------|--------|
| ![image](https://github.com/user-attachments/assets/1a6a4d37-4175-4811-bed7-c1b5c8759982) | ![image](https://github.com/user-attachments/assets/1a6a4d37-4175-4811-bed7-c1b5c8759982) |

**Smartphone (please complete the following information):**
- Device: [e.g. iPhone6] Pixel 7
- OS: [e.g. iOS8.1] Android 14
- Browser [e.g. stock browser, safari] FF
- Version [e.g. 22] 131

**Additional context**
Good job @ojigs fixing so many issues last time.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.