Caption listitems left margin is different from normal items

That's indeed a ListItem.Caption issue, reassigning to the toolkit

The Caption aligns the text horizontally centered by design. The component has never been revisited by design and with the new ListItem it became deprecated in v1.2. Please use the new ListItem with a Label or if no divider is needed, a simple Item can do the job as well.

Also beware that the new ListItem has no layout on purpose, and it was a design decision not to have any layout for it.

Reproduced in Ubuntu 15.04 r6. Zsombor, if a bug should be fixed elsewhere, please move it to that component rather than marking it Won't Fix.

Mathew, the "won't fix" means doesn't fit into project plans. As the ListItems module got deprecated, and as we re focusing on convergence, we do not have the time/resources to fix this. However anyone having spare time can provide fox to it. This is an open source project, anyone needing a fix on a deprecated component can contribute. From our side this is won't fix.

I'm the designer of System Settings. It is a bug in System Settings that the captions do not line up with the labels. Either this is a toolkit bug or it isn't. If it is, it shouldn't be Won't Fix because, as you say, "anyone needing a fix on a deprecated component can contribute". And if it isn't, why are you marking a bug as Won't Fix for a component that you aren't a developer for?

The Caption is an Item with a Label inside. Wouldn't it in this case be better in system-settings to simply implement that?

of course, moving everything to Captions would be better, but since that will take a while, we need a short term fix as well.

My proposal is fixing ListItem.Caption (the apps which used custom margins for captions will have to fix that, this is a backdraw, of course), and creating tasks to update all apps to use Captions instead of ListItem.Caption

I meant to add a simple Caption component in system-settings because the component is very simple, and probably different apps will want different margins/fonts/...

If you do that, it will not affect other apps. I don't know which apps use ListItems.Caption now but if they exist, then we will get complaints for breaking those.

So is this a request from design to change the design of Caption in *all* apps? Or is it only specific for system-settings?

Here's a vague reply to the questions, "how many core apps use ListItem.Caption?" "Will we break all the apps if we change the Caption element?"

Basically system-settings is the only core app using ListItem.Caption, it seems :)

phablet@ubuntu-phablet:~$ sudo grep --include=*.qml -rn '/' -e "Caption"
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:22: \qmltype Captions
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:44: Captions {
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:45: title.text: "Caption"
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:51: Captions {
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:52: captionStyle: Ubuntu.SummaryCaptionStyle
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:62: Captions {
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:63: title.text: "Caption"
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:80: \li \b Ubuntu.TitleCaptionStyle - (default) typical configuration for a left aligned
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:83: \li \b Ubuntu.SummaryCaptionStyle - configuration for a right-aligned twin label setup,
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:87: property int captionStyle: Ubuntu.TitleCaptionStyle
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:105: Layout.fillWidth: (captionStyle == Ubuntu.TitleCaptionStyle)
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:106: Layout.alignment: Qt.AlignVCenter | ((captionStyle == Ubuntu.SummaryCaptionStyle) ? Qt.AlignRight : Qt.AlignLeft)
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:108: Layout.maximumWidth: (captionStyle == Ubuntu.SummaryCaptionStyle) ? units.gu(6) : parent.width
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:109: Layout.preferredWidth: (captionStyle == Ubuntu.SummaryCaptionStyle) ? Layout.maximumWidth : 0
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:132: fontSize: (captionStyle == Ubuntu.SummaryCaptionStyle) ? "small" : "medium"
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:133: horizontalAlignment: (captionStyle == Ubuntu.SummaryCaptionStyle) ? Text.AlignRight : Text.AlignLeft
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:135: elide: (captionStyle == Ubuntu.TitleCaptionStyle) ? Text.ElideRight : Text.ElideNone
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:144: horizontalAlignment: (captionStyle == Ubuntu.SummaryCaptionStyle) ? Text.AlignRight : Text.AlignLeft
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:146: maximumLineCount: (captionStyle == Ubuntu.TitleCaptionStyle) ? 2 : 1
/usr/lib/arm-linux-gnueabihf/qt5/qml/Ubuntu/Components/1.2/Captions.qml:147: wrapMode: (captionStyle == Ubuntu.TitleCaptionStyle) ? Text.Wrap : Text.NoWrap
/usr...

The final decision was to modify ListItem.Caption :)

I created an MR with the fix, and it's been approved, so this should land soon :)