<p dir="auto">The current implementation of the Image Sizes listview is having usability issues: the trash can icon gets cut off while the design is not following OS design guidelines for lists. It allows for in-line editing, which makes sense in a datagrid that holds a lot of information that you want to 'quick edit'.</p>
<p dir="auto">The issues:</p>
<ul dir="auto">
<li>The ListView is too wide, the delete button gets cut off on smaller resolutions (and the default window width)</li>
<li>Users reported that they would like to have a better description of the stretch modes, there's no space to integrate that.</li>
<li>Inline editing is common for DataGrids, not for ListViews.</li>
</ul>
<p dir="auto">Current state:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/9866362/91637377-3fd84f00-ea08-11ea-865d-5fbfd76cd56a.png"><img src="https://user-images.githubusercontent.com/9866362/91637377-3fd84f00-ea08-11ea-865d-5fbfd76cd56a.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">Proposal (non-functional XAML mock-up):<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/9866362/91637464-eb819f00-ea08-11ea-9620-d8035d5d2f3b.gif"><img src="https://user-images.githubusercontent.com/9866362/91637464-eb819f00-ea08-11ea-9620-d8035d5d2f3b.gif" alt="ImageResizer list" data-animated-image="" style="max-width: 100%;"></a></p>
<h2 dir="auto">Would be great to get feedback on this - any features we'd be missing, any UX concerns?</h2>
<p dir="auto">If you'd like to see this feature implemented, add a <g-emoji class="g-emoji" alias="+1" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f44d.png">👍</g-emoji> reaction to this post.</p>
<p dir="auto">We should restructure the table to make it easier to visually capture the table.</p>
<h3 dir="auto">Original</h3>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1462282/81435687-2049ad80-911d-11ea-8085-384476bf8458.png"><img src="https://user-images.githubusercontent.com/1462282/81435687-2049ad80-911d-11ea-8085-384476bf8458.png" alt="img" style="max-width: 100%;"></a></p>
<h3 dir="auto">Proposal</h3>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/61519853/81449574-d2669100-9180-11ea-9236-2153ebe0d7b6.png"><img src="https://user-images.githubusercontent.com/61519853/81449574-d2669100-9180-11ea-9236-2153ebe0d7b6.png" alt="image" style="max-width: 100%;"></a></p>