<table><tr><td style="">ngraham requested changes to this revision.<br />ngraham added a comment.<br />This revision now requires changes to proceed.
</td><a style="text-decoration: none; padding: 4px 8px; margin: 0 8px 8px; float: right; color: #464C5C; font-weight: bold; border-radius: 3px; background-color: #F7F7F9; background-image: linear-gradient(to bottom,#fff,#f1f0f1); display: inline-block; border: 1px solid rgba(71,87,120,.2);" href="https://phabricator.kde.org/D24224">View Revision</a></tr></table><br /><div><div><p>Why is <tt style="background: #ebebeb; font-size: 13px;">kcms/colors/CMakeLists.txt</tt> being changed? Looks unrelated.</p>

<p>As a general UI principle, whenever you have a group of controls that's mostly checkboxes, don't use formal section headers; instead, give the first checkbox a label by moving your <tt style="background: #ebebeb; font-size: 13px;">Kirigami.FormData.label</tt> into it rather than putting it inside a separate <tt style="background: #ebebeb; font-size: 13px;">Item</tt> or <tt style="background: #ebebeb; font-size: 13px;">Separator</tt>.</p>

<p>Also often it's better to use whitespace instead of formal separator lines. It looks cleaner. Not always, but often.</p>

<p>So you would wind up with something that looks more like this: <a href="https://phabricator.kde.org/F7558383" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;">F7558383: Screenshot_20191009_123431.png</a>.<br />
(those labels are way too long, which is another matter)</p>

<p>In terms of a general UI design, I don't think tabs work here. There are too many tabs and they get cut off and look terrible with the default window size: <a href="https://phabricator.kde.org/F7558396" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;">F7558396: Screenshot_20191009_123558.png</a><br />
I imagine this is even worse with wordier languages like German or Brazilian Portuguese.</p>

<p>Instead, I think a better UI would be to have the tab chooser be a vertical list, like in the Notifications KCM: <a href="https://phabricator.kde.org/F7558412" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;">F7558412: Screenshot_20191009_123654.png</a></p></div></div><br /><div><strong>REPOSITORY</strong><div><div>R119 Plasma Desktop</div></div></div><br /><div><strong>REVISION DETAIL</strong><div><a href="https://phabricator.kde.org/D24224">https://phabricator.kde.org/D24224</a></div></div><br /><div><strong>To: </strong>tcanabrava, ngraham<br /><strong>Cc: </strong>mart, ngraham, whiting, plasma-devel, LeGast00n, The-Feren-OS-Dev, jraleigh, fbampaloukas, GB_2, ragreen, ZrenBot, alexeymin, himcesjf, lesliezhai, ali-mohamed, jensreuterberg, abetts, sebas, apol, ahiemstra<br /></div>