Support Article
The buttons in Calendar do not have separators and rounded edge
SA-20106
Summary
There are no spaces between buttons, and button shapes do not have edges in Care Management Framework (CMF) 7.12 on Pega 7.1.
![](https://gcsprdsa.lab.pega.com/articles/datacontent/Image/rteImages/UserUpload_14561391160341456139118398.png)
Error Messages
Not Applicable
Steps to Reproduce
1. Start Manager Portal.
2. Click the Calendar link.
Root Cause
Changes in CSS caused these issues.
Resolution
Perfom the following local-change:
Include the code snippet given below in UserWorkForm. <style>
div.pg-calendarview-button .buttonTdLeft, div.pg-calendarview-button .buttonTdRight
{
background-color: white !important;
}
div.pg-calendarview-button .buttonTdMiddle {
border: 2px solid #23609d;
border-radius: 10px;
}
</style>
This change results in the display given below.
![](https://gcsprdsa.lab.pega.com/articles/datacontent/Image/rteImages/UserUpload_14561390254331456139024818.png)
Published February 25, 2016 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.