grade details ui