Affects Version/s: Reference Application 2.6.0
Fix Version/s: Reference Application 2.6.0
The blue action section found on the clinician facing dashboard displays multiple items in a single line, if the action name is short. For example, if you create a form named "test" and display it in the "general actions" section, it displays next to the chart search action as you can see in the screenshot.
The issue has to do with the css floating left, but not clearing left. Each line item in this box is a list item <li> which is referred to in the referenceapplication.scss file, but the class for these items "float-left" is controlled by the clinicianfacing dashboard patient.scss. I'm not sure if we should add "clear:left;" to the <li> or the float-left css class.
Here is the referenceapplication.scss link: https://github.com/openmrs/openmrs-module-uicommons/blob/master/scss/src/main/resources/sass/reference/fragments/_dashboard.scss#L155
Here is the patient.scss link:
Update 12 May 2017:
I added clear:left to the patient.scss file in coreapps and it adds a gap to the right side of the blue box as you can see in the attachment.
I then added width: 96% to the action-section and the blue box fits appropriately now.