<table><tr><td style="">zzag added a comment.
</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/D10438" rel="noreferrer">View Revision</a></tr></table><br /><div><div><p>Just to clarify that other DE and OS have some space on the left side:</p>

<ul class="remarkup-list">
<li class="remarkup-list-item">Windows: <a href="https://forums.windowscentral.com/attachments/windows-8/48119d1382981718t-screenshot-1-.png" class="remarkup-link" target="_blank" rel="noreferrer">https://forums.windowscentral.com/attachments/windows-8/48119d1382981718t-screenshot-1-.png</a></li>
<li class="remarkup-list-item">macOS: <a href="https://i.stack.imgur.com/h6LAN.png" class="remarkup-link" target="_blank" rel="noreferrer">https://i.stack.imgur.com/h6LAN.png</a></li>
<li class="remarkup-list-item">elementaryOS: <a href="https://i.stack.imgur.com/2fwU9.png" class="remarkup-link" target="_blank" rel="noreferrer">https://i.stack.imgur.com/2fwU9.png</a></li>
</ul>

<p>even Ubuntu(Unity):</p>

<p><a href="https://phabricator.kde.org/F5707179" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;" rel="noreferrer">F5707179: context-menu-ubuntu.png</a></p>

<p><a href="https://phabricator.kde.org/F5707182" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;" rel="noreferrer">F5707182: context-menu-tray.png</a></p>

<p>Typical pattern:<br />
[<checkable>] [<image>] <text> [<shortcut> or <arrow>]<br />
in the case when a menu item doesn't have a checkbox or radiobutton, some space is reserved(more precisely, width of checkbox/radiobutton).</p>

<p>So, the left margin should be even bigger - 28. (CheckBox_Size + 2*MenuItem_ItemSpacing)</p>

<hr class="remarkup-hr" />

<blockquote style="border-left: 3px solid #a7b5bf; color: #464c5c; font-style: italic; margin: 4px 0 12px 0; padding: 4px 12px; background-color: #f8f9fc;"><p>According to the HIG units.smallSpacing (4px) or units.largeSpacing (18px) or multiples of these should be used when ever possible, maybe it would make sense to uses these?</p></blockquote>

<p>So, margins should be preferred to multiples of 4 or 18, right?</p>

<blockquote style="border-left: 3px solid #a7b5bf; color: #464c5c; font-style: italic; margin: 4px 0 12px 0; padding: 4px 12px; background-color: #f8f9fc;"><p>also see how in two the posted screenshots the checkmarks for checkable items is actually very close to the menu border</p></blockquote>

<p>It can be changed. Currently, distance between menu's left border and checkboxes equals to <tt style="background: #ebebeb; font-size: 13px;">MenuItem_ItemSpacing</tt>.</p></div></div><br /><div><strong>REPOSITORY</strong><div><div>R31 Breeze</div></div></div><br /><div><strong>REVISION DETAIL</strong><div><a href="https://phabricator.kde.org/D10438" rel="noreferrer">https://phabricator.kde.org/D10438</a></div></div><br /><div><strong>To: </strong>zzag, Breeze, VDG, ngraham, hpereiradacosta<br /><strong>Cc: </strong>januz, fabianr, mmustac, abetts, anemeth, plasma-devel, ZrenBot, progwolff, lesliezhai, ali-mohamed, jensreuterberg, sebas, apol, mart<br /></div>