add detail view ui