Automattic / Automattic/WP-Job-Manager

Add CSS for cleaner look of job_salary field

Open
#2,309 0 comments 0 reactions 0 assignees View on GitHub
Enhancement
Dominant language
PHP
Stars
899
Forks
369
Avg merge
11h 37m
Merged PRs (30d)
12

Description

Had a client bring this up, and I do agree with them, I think it would be good for us to add some CSS to set the salary fields to show on the same line (stack when on mobile with media queries), as this is how it currently looks (sorta there was a "max" field added):

![image](https://user-images.githubusercontent.com/553732/185473569-c2b1e5cd-77b3-45d1-ba61-a40eeaec90d6.png)

This would make it look much cleaner (something along these lines):
![image](https://user-images.githubusercontent.com/553732/185473638-09d3428a-8940-422d-a001-f2798f930715.png)

Contributor guide

Open the contributing guide

Research direction

Start by locating the job_salary markup and the existing stylesheet that controls the salary fields. Compare the current layout with the supplied screenshots, then verify that the fields share a line on wider screens, stack on mobile, and retain the requested appearance.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.