Explain what cards do in their descriptions

Author: benfrankel

assets/config/card.ron

@@ -66,11 +66,11 @@
         "fermata": CardIcon(texture: "image/card/icon/fermata.png"),
         "bass_clef": CardIcon(texture: "image/card/icon/bass_clef.png"),
     },
-    // TODO: Write descriptions.
+    // TODO: "contact damage" -> something more thematic?
     card_map: {
         "step": Card(
             name: "Simple Step",
-            description: "Fancy footwork starts here.",
+            description: "Step forwards for 8 contact damage.\n\n\"fancy footwork starts here\"",
             background: "blue",
             icon: "step",
             max_level: 4,
@@ -89,7 +89,7 @@
         // TODO: This would fit better as Breakdance if I could draw the icon for it :zany_face:
         "splits": Card(
             name: "Splits",
-            description: "Can a blobo do the splits?",
+            description: "Duck in place for 45 contact damage.\n\n\"can a blobo do the splits?\"",
             background: "blue",
             icon: "splits",
             weight: 0.3,
@@ -106,7 +106,7 @@
         ),
         "ballet": Card(
             name: "Pirouette",
-            description: "This card is pirouette good.",
+            description: "Leap forwards for 12 contact damage.\n\n\"this card is pirouette good\"",
             background: "blue",
             icon: "ballet",
             min_level: 3,
@@ -124,7 +124,7 @@
         ),
         "cartwheel": Card(
             name: "Cartwheel",
-            description: "Round and round, let the city turn!",
+            description: "Flip to the left for 40 contact damage.\n\n\"round and round, let the city turn!\"",
             background: "blue",
             icon: "cartwheel",
             min_level: 5,
@@ -142,7 +142,8 @@
         ),
         "moonwalk": Card(
             name: "Moonwalk",
-            description: "That's one small step for man...",
+            description: "Slide backwards for 60 contact damage.\n\n\"that's one small step for man...\"",
+            // vscode-ron syntax highlighting breaks without this: '
             background: "blue",
             icon: "moonwalk",
             min_level: 7,
@@ -160,7 +161,7 @@
 
         "eighth_note": Card(
             name: "Eighth Note",
-            description: "",
+            description: "Sing an eighth note.",
             background: "pink",
             icon: "eighth_note",
             max_level: 2,
@@ -173,7 +174,7 @@
         ),
         "quarter_note": Card(
             name: "Quarter Note",
-            description: "",
+            description: "Sing a quarter note.",
             background: "pink",
             icon: "quarter_note",
             max_level: 4,
@@ -186,7 +187,7 @@
         ),
         "half_note": Card(
             name: "Half Note",
-            description: "",
+            description: "Sing a half note.",
             background: "pink",
             icon: "half_note",
             min_level: 2,
@@ -200,7 +201,7 @@
         ),
         "whole_note": Card(
             name: "Whole Note",
-            description: "",
+            description: "Sing a whole note.",
             background: "pink",
             icon: "whole_note",
             min_level: 4,
@@ -213,7 +214,7 @@
         ),
         "pair": Card(
             name: "Pair",
-            description: "Two beats, rapid fire!",
+            description: "Sing a pair of eighth notes.\n\n\"two beats, rapid fire!\"",
             background: "pink",
             icon: "pair",
             max_level: 4,
@@ -227,7 +228,7 @@
         ),
         "triplet": Card(
             name: "Triplet",
-            description: "... Three beats, rapid fire!",
+            description: "Sing a triplet of eighth notes.\n\n\"...three beats, rapid fire!\"",
             background: "pink",
             icon: "triplet",
             max_level: 4,
@@ -242,7 +243,8 @@
         ),
         "cacophony": Card(
             name: "Cacophony",
-            description: "How's my volume?",
+            description: "Sing a whole bunch of eighth notes.\n\n\"how's my volume?\"",
+            // vscode-ron syntax highlighting breaks without this: '
             background: "pink",
             icon: "cacophony",
             min_level: 4,
@@ -261,7 +263,7 @@
         ),
         "major_chord": Card(
             name: "Major Chord",
-            description: "This card strikes a major chord :)",
+            description: "Sing a triad of whole notes.\n\n\"this card strikes a major chord :)\"",
             background: "pink",
             icon: "chord",
             min_level: 6,
@@ -277,7 +279,8 @@
         ),
         "cluster_chord": Card(
             name: "Cluster Chord",
-            description: "It's getting a little clusterphobic in here.",
+            description: "Sing a tetrad of whole notes.\n\n\"it's getting clusterphobic in here...\"",
+            // vscode-ron syntax highlighting breaks without this: '
             background: "pink",
             icon: "cluster",
             min_level: 8,
@@ -295,29 +298,29 @@
 
         "eighth_rest": Card(
             name: "Eighth Rest",
-            description: "Heal a little bit",
+            description: "Heal a little bit.",
             background: "green",
             icon: "eighth_rest",
             max_level: 4,
 
             action: Heal,
-            action_modifier: CardActionModifier(heal_flat: 5, immunity: 0.7),
+            action_modifier: CardActionModifier(heal_flat: 10, immunity: 0.7),
         ),
         "quarter_rest": Card(
             name: "Quarter Rest",
-            description: "Heal a decent amount",
+            description: "Heal a good amount.",
             background: "green",
             icon: "quarter_rest",
             min_level: 4,
             max_level: 8,
             weight: 0.7,
 
             action: Heal,
-            action_modifier: CardActionModifier(heal_flat: 25, immunity: 0.8),
+            action_modifier: CardActionModifier(heal_flat: 30, immunity: 0.8),
         ),
         "half_rest": Card(
             name: "Half Rest",
-            description: "Heal 25% health",
+            description: "Heal for 25%.",
             background: "green",
             icon: "half_rest",
             min_level: 6,
@@ -329,7 +332,7 @@
         ),
         "whole_rest": Card(
             name: "Whole Rest",
-            description: "Heal 50% health",
+            description: "Heal for 50%.",
             background: "green",
             icon: "whole_rest",
             min_level: 8,

src/ui/tooltip.rs

@@ -10,7 +10,6 @@ pub(super) fn plugin(app: &mut App) {
             NodeBundle {
                 style: Style {
                     position_type: PositionType::Absolute,
-                    max_width: Vw(40.0),
                     padding: UiRect::all(Px(8.0)),
                     ..default()
                 },