Bug: Alignment Issue in Properties - "Type" and "File System" Misalignment

[Lukiluc29]

Description

I have noticed an alignment issue in the properties window when performing a right-click on a file, folder, drive, or other items and accessing the properties. Specifically, the "Type:" label is misaligned with the corresponding element, and the "File System:" label is misaligned with the actual file system information of the drive, both appearing slightly shifted compared to the rest of the categories in the properties.

Steps To Reproduce

1. Open Files
2. Right-click on a file
3. Click on propreties

Requirements

Adjust the layout and formatting of the properties window to ensure proper alignment of the "Type" and "File System" labels with their respective elements.

Files Version

Version 2.5.2.0 / dev

Windows Version

22H2 22621.1848

Log File

What propreties displays:


How it should be displayed

[Josh65-2201]

Thanks for the report, I've added this to the project board.

[ItIsOHM]

Hey there, I'd love to work on this issue. But since I'm a beginner it'd be of great help if you could point me from where I can start? Thanks!

[Jay-o-Way]

I would start at

Files/src/Files.App/ResourceDictionaries/PropertiesStyles.xaml

Lines 21 to 27 in d97f3e1

	<Thickness x:Key="PropertyNameMargin">0,4</Thickness>
	<Style x:Key="PropertyName" TargetType="TextBlock">
	<Setter Property="Margin" Value="{StaticResource PropertyNameMargin}" />
	<Setter Property="FontSize" Value="14" />
	<Setter Property="FontWeight" Value="SemiBold" />
	</Style>

and remove the lines: 21, 24, 40

[ItIsOHM]

Hello @Jay-o-Way, thanks a lot for the detailed help, but I apologize I wouldn't be able to work on this issue right now. Although I'd love to tackle it in the near future :D

[Jay-o-Way]

@ItIsOHM Okay. It's a quick fix, but if you really want to do it, then I will not take it from you, for now.

[ItIsOHM]

@ItIsOHM Okay. It's a quick fix, but if you really want to do it, then I will not take it from you, for now.

Ah thanks! Then i'll try to fix it in some days if it's alright? In the meantime if anyone else would like to work on this then they can :D

[mdtauk]

Can we also use the Secondary or Tertiary text brushes to distinguish the heading text, from the value text?

Similar to what @yaira2 recently did with the Details pane

[yaira2]

Hey there, I'd love to work on this issue. But since I'm a beginner it'd be of great help if you could point me from where I can start? Thanks!

I ended up doing this together with some other tweaks to the properties window, let me know if you'd like me to recommend another issue.