fix demo

Author: willmcgugan

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.86.1] - 2024-11-16
+
+### Fixed
+
+- Tweaks to demo
+
 ## [0.86.0] - 2024-11-16
 
 ### Fixed

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "textual"
-version = "0.86.0"
+version = "0.86.1"
 homepage = "https://github.com/Textualize/textual"
 repository = "https://github.com/Textualize/textual"
 documentation = "https://textual.textualize.io/"

src/textual/demo/widgets.py

@@ -414,15 +414,16 @@ class Markdowns(containers.VerticalGroup):
     DEFAULT_CSS = """
     Markdowns {
         #container {
-            border: tall transparent;       
+            background: $boost;
+            border: tall transparent;   
             height: 16;
             padding: 0 1;
             &:focus { border: tall $border; }
             &.-maximized { height: 1fr; }
         }
         #movies {
             padding: 0 1;
-            MarkdownBlock { padding: 0 1 0 0; }                                   
+            MarkdownBlock { padding: 0 1 0 0; }              
         }
     }
     """
@@ -525,7 +526,7 @@ class Sparklines(containers.VerticalGroup):
     DEFAULT_CSS = """
     Sparklines {
         Sparkline {
-            width: 1fr;
+            width: 1fr;          
             margin: 1;
             &#first > .sparkline--min-color { color: $success; }
             &#first > .sparkline--max-color { color: $warning; }                
@@ -775,7 +776,7 @@ class WidgetsScreen(PageScreen):
     WidgetsScreen { 
         align-horizontal: center;
         Markdown { background: transparent; }
-        #container {
+        & > VerticalScroll {
             scrollbar-gutter: stable;
             & > * {                          
                 &:even { background: $boost; }
@@ -788,7 +789,7 @@ class WidgetsScreen(PageScreen):
     BINDINGS = [Binding("escape", "blur", "Unfocus any focused widget", show=False)]
 
     def compose(self) -> ComposeResult:
-        with lazy.Reveal(containers.VerticalScroll(id="container", can_focus=True)):
+        with lazy.Reveal(containers.VerticalScroll(can_focus=True)):
             yield Markdown(WIDGETS_MD, classes="column")
             yield Buttons()
             yield Checkboxes()