How do I change the behavior of a align button ?

[edreamwork]

The Align Left button adds style = "text-align: left" to the wrapper. I dont want to have any inline style in my code. So I have the below css

align-left {
 text-align:left;
}

How do I modify that button so that it would add align-left class to the wrapper instead of adding the inline style ?

Description

How to reproduce?