jobs/css/bootstrap.min.css values conflict with css/main.css

[evalica]

The job form uses a full bootstrap.min.css that has different defaults than main.css.

Some example:

• .navbar-nav>li>a: padding from 20px to 15px
• .navbar-nav>li>a: font-size from 16px to 14px
• etc.

This is visible here for example:

• Job Form nav:

• Main nav:

I'm sure other values also conflict.

Solutions:

1. see if jobs/css/bootstrap.min.css can be removed or what it brings in addition. those values can be added in main.css
2. use the same Bootstrap values in jobs/css/bootstrap.min.css as main.css

[gaja6413]

Thankyou @evalica :) Even I have noticed this issue. Using the same values will bring the consistent to the website. Is there any other view on this issue? or will I change the values

[evalica]

It should be investigated why that file was added in the first place.

[simonv3]

I'm fairly sure it uses bootstrap to do most of its styling. If that file were removed we'd lose a lot of the basic styles - which is not necessarily a bad thing, it's a lot of styles for a simple web form.

[bnvk]

Yep. This should be harmonized to be using the same global CSS styles and template in mail site repo!

[Erioldoesdesign]

Is this still an issue? can it be closed?