Use overlay instead of bold for hoverRule in ComplexModificationsView

pqrs-org · Oct 1, 2024 · b3788cf · b3788cf
1 parent 032b663
commit b3788cf
Showing 1 changed file with 23 additions and 15 deletions.
diff --git a/src/apps/SettingsWindow/src/View/ComplexModificationsView.swift b/src/apps/SettingsWindow/src/View/ComplexModificationsView.swift
@@ -88,29 +88,37 @@ struct ComplexModificationsView: View {
                 }
             }
 
-            Text(complexModificationRule.description)
-              .padding(.leading, 6.0)
-              .if(hoverRuleIndex == complexModificationRule.index) {
-                $0.font(.body.weight(.bold))
-              }
-              .if(!complexModificationRule.enabled) {
-                $0.foregroundColor(.gray)
-              }
-
-            Spacer()
+            HStack {
+              Text(complexModificationRule.description)
+                .frame(maxWidth: .infinity, alignment: .leading)
+                .if(!complexModificationRule.enabled) {
+                  $0.foregroundColor(.gray)
+                }
 
-            if !complexModificationRule.enabled {
-              Text("disabled")
-                .foregroundColor(.gray)
+              if !complexModificationRule.enabled {
+                Text("disabled")
+                  .foregroundColor(.gray)
+              }
+            }
+            .padding(.horizontal, 6.0)
+            .padding(.vertical, 2.0)
+            .if(hoverRuleIndex == ruleIndex) {
+              $0.overlay(
+                RoundedRectangle(cornerRadius: 2)
+                  .stroke(
+                    Color(NSColor(Color.accentColor)),
+                    lineWidth: 1
+                  )
+              )
             }
 
             HStack(alignment: .center, spacing: 10) {
               Toggle(isOn: $complexModificationRule.enabled) {
                 Text("")
               }
               .switchToggleStyle()
-              .padding(.horizontal, 10.0)
-              .scaledToFit()
+              .padding(.trailing, 10.0)
+              .frame(width: 60)
 
               Button(
                 action: {