YJDH-809 | Kesäseteli backend: Make excel-download page better UI-wise#3879
YJDH-809 | Kesäseteli backend: Make excel-download page better UI-wise#3879karisal-anders merged 1 commit intomainfrom
Conversation
|
YJDH-KESASETELI-API branch is deployed to platta: https://yjdh-kesaseteli-pr3879.api.dev.hel.ninja 🚀🚀🚀 |
|
YOUTH branch is deployed to platta: https://nuortenkesaseteli-pr3879.dev.hel.ninja 🚀🚀🚀 |
|
HANDLER branch is deployed to platta: https://kesaseteli-handler-ui-pr3879.dev.hel.ninja 🚀🚀🚀 |
TestCafe result is success for https://kesaseteli-handler-ui-pr3879.dev.hel.ninja 😆🎉🎉🎉 |
TestCafe result is success for https://nuortenkesaseteli-pr3879.dev.hel.ninja 😆🎉🎉🎉 |
|
EMPLOYER branch is deployed to platta: https://kesaseteli-pr3879.dev.hel.ninja 🚀🚀🚀 |
TestCafe result is success for https://kesaseteli-pr3879.dev.hel.ninja 😆🎉🎉🎉 |
Make the excel-download page content more easily digestable by putting the employer application excel downloads into a table, and by using spacing and indentation for easier "this is the same context" and "this is not the same context" understanding visually (i.e. by using the Gestalt principle of closeness). Also change the <a> tags with role="button" to forms & with buttons for accessibility. refs YJDH-809
bc8fefb to
74ca36c
Compare
|
YJDH-KESASETELI-API branch is deployed to platta: https://yjdh-kesaseteli-pr3879.api.dev.hel.ninja 🚀🚀🚀 |
|
|
YOUTH branch is deployed to platta: https://nuortenkesaseteli-pr3879.dev.hel.ninja 🚀🚀🚀 |
|
EMPLOYER branch is deployed to platta: https://kesaseteli-pr3879.dev.hel.ninja 🚀🚀🚀 |
TestCafe result is success for https://nuortenkesaseteli-pr3879.dev.hel.ninja 😆🎉🎉🎉 |
TestCafe result is success for https://kesaseteli-pr3879.dev.hel.ninja 😆🎉🎉🎉 |
|
HANDLER branch is deployed to platta: https://kesaseteli-handler-ui-pr3879.dev.hel.ninja 🚀🚀🚀 |
TestCafe result is success for https://kesaseteli-handler-ui-pr3879.dev.hel.ninja 😆🎉🎉🎉 |



Description ✨
Kesäseteli backend: Make excel-download page better UI-wise.
Make the excel-download page content more easily digestable
by putting the employer application excel downloads into a table,
and by using spacing and indentation for easier "this is the same
context" and "this is not the same context" understanding visually
(i.e. by using the Gestalt principle of closeness).
Also change the
<a>tags withrole="button"to forms & with buttons foraccessibility.
Issues 🐛
YJDH-809
Testing ⚗️
Screenshots 📸
Before
After
Additional notes 🗒️