Refactor buttons on communities of practice and program areas pages

[Zhu-Joseph]

Fixes #2158

What changes did you make and why did you make them ?

• Updated button on line 69 on communities of practice page website/pages/communities-of-practice.html
• Updated button on line 71 on communities of practice page website/pages/communities-of-practice.html
• Updated button on line 87 on program areas page website/pages/program-areas.html

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

Visuals after changes are applied

[github-actions]

Want to review this pull request? Take a look at this documentation for a step by step guide!

From your project repository, check out a new branch and test the changes.

git checkout -b Zhu-Joseph-refactor-buttons-community-of-practice-and-program-area gh-pages
git pull https://github.com/Zhu-Joseph/website.git refactor-buttons-community-of-practice-and-program-area

[abuna1985]

@Zhu-Joseph Thank you for your pull request. My apologies for not being clear in the issue. The button should look the same as before. We need to add css to the specific button elements to make sure they match the before picture. Let me know if you have any questions. Thank you. 🌟 🌟 🌟

[Zhu-Joseph]

@Zhu-Joseph Thank you for your pull request. My apologies for not being clear in the issue. The button should look the same as before. We need to add css to the specific button elements to make sure they match the before picture. Let me know if you have any questions. Thank you. 🌟 🌟 🌟

@abuna1985 Hi Adam, I updated the code and made a commit. I did have to update the css to get the buttons to match what they looked like before. Below is an image of the updated code.

Visuals Changed

[abuna1985]

@Zhu-Joseph My apologies for the continuous edits. This is my last one. Can you:

1. Remove the scss files changes (comments in Files Changed)
2. Edit the btn--default class in _sass/elements/_buttons.scss

From

website/_sass/elements/_buttons.scss

Line 40 in 481ab19

display: flex;

To
display: inline-flex;

This will consolidate the styling since all our buttons are links now. As soon as this is updated, I will approve and merge.

Thank you!

[Zhu-Joseph]

@Zhu-Joseph My apologies for the continuous edits. This is my last one. Can you:

1. Remove the scss files changes (comments in Files Changed)
2. Edit the btn--default class in _sass/elements/_buttons.scss

From

website/_sass/elements/_buttons.scss

Line 40 in 481ab19

display: flex;

To display: inline-flex;

This will consolidate the styling since all our buttons are links now. As soon as this is updated, I will approve and merge.

Thank you!

Hi Adam,

I made the following changes:

• Removed commented code
• Updated line 40 on _sass/elements/_buttons.scss to display: inline-flex;

Please let me know if there is anything else you would need me to do!

[abuna1985]

@Zhu-Joseph Thank you again for making another round of changes and for helping us refactor our buttons. I was able to review the changes and everything looks good to me. I am going to approve and merge this. Keep up the great work! ⭐ ⭐ ⭐