re-arranging the ui