chore: update scrolling example description/screenshot (#171)

Author: ccbrown

examples/README.md

@@ -17,7 +17,7 @@ To run any of the examples, use `cargo run --example NAME`. For example, to run
 |[hello_world.rs](./hello_world.rs)<br />Hello, world!|![preview](./images/hello-world.png)|
 |[overlap.rs](./overlap.rs)<br />Uses absolute positioning to create overlapping elements.|![preview](./images/overlap.png)|
 |[progress_bar.rs](./progress_bar.rs)<br />Renders a dynamic progress bar which fills up and then exits.|![preview](./images/progress_bar.png)|
-|[scrolling.rs](./scrolling.rs)<br />Demonstrates using the overflow property to implement scrollable text.|![preview](./images/scrolling.png)|
+|[scrolling.rs](./scrolling.rs)<br />Demonstrates using `ScrollView` to implement scrollable text.|![preview](./images/scrolling.png)|
 |[table.rs](./table.rs)<br />Displays a list of users provided by reference via properties.|![preview](./images/table.png)|
 |[use_input.rs](./use_input.rs)<br />Demonstrates using keyboard input to move a 👾.|![preview](./images/use_input.png)|
 |[use_output.rs](./use_output.rs)<br />Continuously logs text output above the rendered component.|![preview](./images/use_output.png)|

examples/images/scrolling.png

@@ -30,22 +30,21 @@ fn Example<'a>(props: &Props<'a>, mut hooks: Hooks) -> impl Into<AnyElement<'sta
 
     system.set_mouse_capture(mouse_captured.get());
 
-    let mouse_status = if mouse_captured.get() { "on" } else { "off" };
-
     element! {
         View(
             flex_direction: FlexDirection::Column,
             padding: 2,
             align_items: AlignItems::Center
         ) {
-            Text(content: format!(
-                "Arrow keys/mouse wheel to scroll, 'm' to toggle mouse capture ({}), 'q' to exit",
-                mouse_status
-            ))
+            Text(content: if mouse_captured.get() {
+                "Use arrow keys or mouse wheel to scroll.\nPress 'm' to disable mouse capture or 'q' to quit."
+            } else {
+                "Use arrow keys to scroll.\nPress 'm' to enable mouse capture or 'q' to quit."
+            }, align: TextAlign::Center)
             View(
                 border_style: BorderStyle::DoubleLeftRight,
                 border_color: Color::Green,
-                margin: 1,
+                margin_top: 1,
                 width: 78,
                 height: 10,
             ) {