[css-snappoints] Minor typo and updating generated html

Author: ChumpChief

css-snappoints/Overview.bs

@@ -256,7 +256,7 @@ Ignored Terms: scroll-snap-positions-*, containing block chain
 
 <h2 id="scroll-snap-area">Scroll Snap Area: the 'scroll-snap-area' property</h2>
 
-    The 'scroll-snap-area' property defines the <a>scroll-snap-area</a> on elements within a <a>scroll container</a>, used in calculating <a>snap positions</a> for that scroll container.
+    The 'scroll-snap-area' property defines the <a>scroll snap area</a> on elements within a <a>scroll container</a>, used in calculating <a>snap positions</a> for that scroll container.
 
     <pre class="propdef">
     Name: scroll-snap-area

css-snappoints/Overview.html

@@ -419,7 +419,7 @@ <h2 class="heading settled" data-level="6" id="scroll-snap-padding"><span class=
    </dl>
    <p>This property is a shorthand property that sets all of the <a class="property" data-link-type="propdesc">scroll-snap-padding-*</a> longhands in one declaration.</p>
    <h2 class="heading settled" data-level="7" id="scroll-snap-area0"><span class="secno">7. </span><span class="content">Scroll Snap Area: the <a class="property" data-link-type="propdesc" href="#propdef-scroll-snap-area">scroll-snap-area</a> property</span><a class="self-link" href="#scroll-snap-area0"></a></h2>
-   <p>The <a class="property" data-link-type="propdesc" href="#propdef-scroll-snap-area">scroll-snap-area</a> property defines a region for an element used in calculating <a data-link-type="dfn" href="#scroll-snap-position">snap positions</a> for its ancestor scroll container.</p>
+   <p>The <a class="property" data-link-type="propdesc" href="#propdef-scroll-snap-area">scroll-snap-area</a> property defines the <a data-link-type="dfn" href="#scroll-snap-area">scroll snap area</a> on elements within a <a data-link-type="dfn" href="#scroll-container">scroll container</a>, used in calculating <a data-link-type="dfn" href="#scroll-snap-position">snap positions</a> for that scroll container.</p>
    <table class="definition propdef" data-link-for-hint="scroll-snap-area">
     <tbody>
      <tr>
@@ -454,8 +454,9 @@ <h2 class="heading settled" data-level="7" id="scroll-snap-area0"><span class="s
     <dt><dfn class="css" data-dfn-for="scroll-snap-area" data-dfn-type="value" data-export="" id="valdef-scroll-snap-area--border-box--margin-box--length1-4">[ border-box | margin-box ]? <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#length-value">&lt;length></a>{1,4}<a class="self-link" href="#valdef-scroll-snap-area--border-box--margin-box--length1-4"></a></dfn> 
     <dd>
       Specifies the outset of the element’s snap area from the axis-aligned bounding box of the transformed specified box, in the <a data-link-type="dfn" href="#scroll-container">scroll container’s</a> coordinate space.  Outsets are applied to this bounding box, not the specified box.  If the box argument is omitted it defaults to border-box. 
-     <p class="note" role="note">Note: This ensures that the scroll snap area is always rectangular and axis-aligned to the <a data-link-type="dfn" href="#scroll-container">scroll container’s</a> coordinate space.</p>
+     <p class="note" role="note">Note: This ensures that the <a data-link-type="dfn" href="#scroll-snap-area">scroll snap area</a> is always rectangular and axis-aligned to the <a data-link-type="dfn" href="#scroll-container">scroll container’s</a> coordinate space.</p>
    </dl>
+   <p>This property is a shorthand property that sets all of the <a class="property" data-link-type="propdesc">scroll-snap-area-*</a> longhands in one declaration.</p>
    <h2 class="heading settled" data-level="8" id="scroll-snap-align"><span class="secno">8. </span><span class="content">Scroll Snap Align: the <a class="property" data-link-type="propdesc" href="#propdef-scroll-snap-align">scroll-snap-align</a> property</span><a class="self-link" href="#scroll-snap-align"></a></h2>
    <p>The <a class="property" data-link-type="propdesc" href="#propdef-scroll-snap-align">scroll-snap-align</a> property specifies how a scroll container’s region specified by <a class="property" data-link-type="propdesc" href="#propdef-scroll-snap-padding">scroll-snap-padding</a> should align with descendent elements' scroll snap area.  The two values specify the snapping behavior in the x and y axes, respectively.  If only one value is specified, the second value defaults to the same value.</p>
    <p class="issue" id="issue-f7391e31"><a class="self-link" href="#issue-f7391e31"></a> Should this be x/y axes, or inline/block?  Starting with x/y axes for consistency with padding/area, otherwise a writing mode change would result in a axis mismatch (since padding is physical by default). </p>