[kcmkwin/kwineffects] Improve the look of the Desktop Effects KCM list items

Summary:
Tweak spacing and margins, improve the look of headers and descriptions.
{F7155024}

Test Plan: Open the Desktop Effects KCM and hover over a list item.

Reviewers: #kwin, #plasma, #vdg, ngraham

Reviewed By: #vdg, ngraham

Subscribers: ngraham, #vdg, #plasma, kwin, #kwin

Tags: #kwin

Differential Revision: https://phabricator.kde.org/D22914

kcmkwin/kwineffects/package/contents/ui/Effect.qml

@@ -24,6 +24,7 @@ import QtQuick.Layouts 1.1
 import org.kde.kirigami 2.5 as Kirigami
 
 Kirigami.SwipeListItem {
+    id: listItem
     hoverEnabled: true
     onClicked: {
         view.currentIndex = index;
@@ -59,10 +60,14 @@ Kirigami.SwipeListItem {
         }
 
         ColumnLayout {
-            QQC2.Label {
+            Layout.topMargin: Kirigami.Units.smallSpacing
+            Layout.bottomMargin: Kirigami.Units.smallSpacing
+            spacing: 0
+
+            Kirigami.Heading {
                 Layout.fillWidth: true
 
-                font.weight: Font.Bold
+                level: 4
                 text: model.NameRole
                 wrapMode: Text.Wrap
             }
@@ -71,6 +76,7 @@ Kirigami.SwipeListItem {
                 Layout.fillWidth: true
 
                 text: model.DescriptionRole
+                opacity: listItem.hovered ? 0.8 : 0.6
                 wrapMode: Text.Wrap
             }
 
@@ -79,8 +85,8 @@ Kirigami.SwipeListItem {
 
                 Layout.fillWidth: true
 
-                font.weight: Font.Bold
                 text: i18n("Author: %1\nLicense: %2", model.AuthorNameRole, model.LicenseRole)
+                opacity: listItem.hovered ? 0.8 : 0.6
                 visible: view.currentIndex === index
                 wrapMode: Text.Wrap
             }

kcmkwin/kwineffects/package/contents/ui/main.qml

@@ -109,7 +109,7 @@ ScrollViewKCM {
             supportsMouseEvents: false
 
             Kirigami.Heading {
-                level: 3
+                level: 2
                 text: section
             }
         }