Move General section within the Distraction Free Settings to top

[efb4f5ff-1298-471a-8973-3d47447115dc]

Pull Request Type

• Visual change

Description

General being at the bottom of the the Distraction Free Settings seems a bit silly so i moved it to the top to make to make the order of the sections more logical

Screenshots

Testing

1. Go to the Distraction Free Settings
2. Check if General section is the first one listed

[PikachuEXE]

I think the spacing between the box and the group title need some adjustment...
Existing (0.5em

2em

[efb4f5ff-1298-471a-8973-3d47447115dc]

I think the spacing between the box and the group title need some adjustment.

Good catch. What would be best here. Create a separate class for this case?

So it would be the same as this but just with 2.0em

FreeTube/src/renderer/components/FtSettingsSection/FtSettingsSection.scss

Lines 43 to 46 in df428b1

	:deep(.groupTitle) {
	text-align: center;
	margin-block: 0.5em;
	}

[PikachuEXE]

Add class name for Settings.Distraction Free Settings.Hide Videos and Playlists Containing Text (or the flex box
And add margin-block-end 2.0em (as in keep your distance from my butt

[efb4f5ff-1298-471a-8973-3d47447115dc]

Srry i tested something very unrelated and noticed i pushed it towards this branch. Reverted those commits and have added the proper code now