precision-sustainable-ag/dst-selector

Styling updates after new filters have been added

Closed this issue · 2 comments

Adamws33 commented

What's wrong

  • we need to line up the start of each of the titles and options (yes no slider) currently the soil drainage and irrigation filter options are not lined up.
  • There is too big of a gap between the 2 new filters
  • there is too large of a gap between FILTERS and CLEAR FILTERS.

What done looks like

  • The beginning of the word No for each filter will line up. (use the bottom one for alignment)
  • the gap between the 2 filters will be reduced to 16px (each should have padding/margin of 8px)
  • the gap between the FILTERS and CLEAR FILTERS will be 16px. (each should have padding/margin of 8px)

Where the changes need to be made

  • CropSidebar.jsx
Diksha-Maurya commented

  • The beginning of the word No for each filter will line up. (use the bottom one for alignment) - Done

  • the gap between the 2 filters will be reduced to 16px (each should have padding/margin of 8px) - Margin between the two filters is 16px

  • the gap between the FILTERS and CLEAR FILTERS will be 16px. (each should have padding/margin of 8px) - Done
    Image