Update tests with fill classes coming last

Author: wch

tests/pytest/test_navs.py

@@ -104,7 +104,7 @@ def test_nav_markup():
 
     assert TagList(x).render()["html"] == textwrap.dedent(
         """\
-        <div class="html-fill-container html-fill-item card bslib-card bslib-mb-spacing" data-bslib-card-init="">
+        <div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container" data-bslib-card-init="">
           <div class="card-header">
             <ul class="nav nav-pills card-header-pills" data-tabsetid="7311">
               <li class="nav-item">
@@ -123,11 +123,11 @@ def test_nav_markup():
               </li>
             </ul>
           </div>
-          <div class="html-fill-container html-fill-item card-body bslib-gap-spacing" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
-            <div class="html-fill-container html-fill-item tab-content" data-tabsetid="7311">
-              <div class="html-fill-container html-fill-item tab-pane" role="tabpanel" data-value="a" id="tab-7311-0" style="gap:0;padding:0;">a</div>
-              <div class="html-fill-container html-fill-item tab-pane active" role="tabpanel" data-value="c" id="tab-7890-0" style="gap:0;padding:0;">c</div>
-              <div class="html-fill-container html-fill-item tab-pane" role="tabpanel" data-value="b" id="tab-7311-2" style="gap:0;padding:0;">b</div>
+          <div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
+            <div class="tab-content html-fill-item html-fill-container" data-tabsetid="7311">
+              <div class="tab-pane html-fill-item html-fill-container" role="tabpanel" data-value="a" id="tab-7311-0" style="gap:0;padding:0;">a</div>
+              <div class="tab-pane active html-fill-item html-fill-container" role="tabpanel" data-value="c" id="tab-7890-0" style="gap:0;padding:0;">c</div>
+              <div class="tab-pane html-fill-item html-fill-container" role="tabpanel" data-value="b" id="tab-7311-2" style="gap:0;padding:0;">b</div>
             </div>
           </div>
           <script data-bslib-card-init="">window.bslib.Card.initializeAllCards();</script>
@@ -162,10 +162,10 @@ def test_nav_markup():
             </div>
           </div>
         </nav>
-        <div class="html-fill-container html-fill-item container-fluid">
+        <div class="container-fluid html-fill-item html-fill-container">
           Page header
-          <div class="html-fill-container html-fill-item tab-content" data-tabsetid="7311">
-            <div class="html-fill-container html-fill-item tab-pane active" role="tabpanel" data-value="c" id="tab-7890-1" style="--bslib-navbar-margin:0;;">c</div>
+          <div class="tab-content html-fill-item html-fill-container" data-tabsetid="7311">
+            <div class="tab-pane active html-fill-item html-fill-container" role="tabpanel" data-value="c" id="tab-7890-1" style="--bslib-navbar-margin:0;;">c</div>
           </div>
           Page footer
         </div>"""