we are currently trying to modify the layout of the customer information sidebar that you can see when you are viewing a ticket. We have successfully added new fields via the Kernel/Config.pm and we were also able to increase the width of the sidebar by changing the width value inside the var/httpd/htdocs/skins/Agent/default/css/Core.PageLayout.css. We changed the width of ".LayoutFixedSidebar.SidebarLast > .SidebarColumn" as well as ".LayoutFixedSidebar.SidebarFirst > .SidebarColumn".
Now the sidebar is wider which is great and it does work for the ticket information, but the customer information widget does not seem to adjust correctly. The text is still behaving as if the widget had the original width.
So my first question would be: What and where do we need to change some things to make the customer information text adjust to the new width?
The second question would to be how to change the order of the customer information fields. Our current order in the widget is:
first name, last name, user name, e-mail, comment, customer, ...
We would like to have the customer field first and and then the other fields. Where can we change the order?
I'll add a screenshot so that it is a bit more clear what I'm talking about.

Any help would be appreciated!