using Directives to better organize the views
Add dialog for remove confirmation
minor update dialog size

uses size relative to the viewport size
 - 1vw = 1% of viewport width
 - 1vh = 1% of viewport height
 - 1vmin = 1vw or 1vh, whichever is smaller
 - 1vmax = 1vw or 1vh, whichever is larger