more ui interactions for rule creation
add css transition