Tweak admin UI templates (#25)

- Move user management under web log settings
- Move user self-update to my-info
- Return meaningful error if a template does not exist
- Tweak margins/paddings throughout
- Do not show headings on list pages if lists are empty
- Fix pagination styles for page/post list pages

src/admin-theme/_layout.liquid

@@ -17,11 +17,10 @@
             {%- endif %}
             {%- if is_web_log_admin %}
               {{ "admin/categories" | nav_link: "Categories" }}
-              {{ "admin/users" | nav_link: "Users" }}
               {{ "admin/settings" | nav_link: "Settings" }}
             {%- endif %}
             {%- if is_administrator %}
-              {{ "admin/dashboard/administration" | nav_link: "Admin" }}
+              {{ "admin/administration" | nav_link: "Admin" }}
             {%- endif %}
           </ul>
         {%- endif %}

src/admin-theme/_user-list-columns.liquid

@@ -0,0 +1,4 @@
+{%- assign user_col  = "col-12 col-md-4 col-xl-3" -%}
+{%- assign email_col = "col-12 col-md-4 col-xl-4" -%}
+{%- assign cre8_col  = "d-none d-xl-block col-xl-2" -%}
+{%- assign last_col  = "col-12 col-md-4 col-xl-3" -%}

src/admin-theme/admin-dashboard.liquid

@@ -1,6 +1,6 @@
 <h2 class="my-3">{{ page_title }}</h2>
 <article>
-  <fieldset class="container mb-3">
+  <fieldset class="container mb-3 pb-0">
     <legend>Themes</legend>
     <div class="row">
       <div class="col">
@@ -8,7 +8,7 @@
            hx-target="#theme_new">
           Upload a New Theme
         </a>
-        <div class="container">
+        <div class="container g-0">
           {% include_template "_theme-list-columns" %}
           <div class="row mwl-table-heading">
             <div class="{{ theme_col }}">Theme</div>
@@ -21,10 +21,10 @@
       </div>
     </div>
   </fieldset>
-  <fieldset class="container">
+  <fieldset class="container mb-3 pb-0">
     {%- assign cache_base_url = "admin/cache/" -%}
     <legend>Caches</legend>
-    <div class="row pb-3">
+    <div class="row pb-2">
       <div class="col">
         <p>
           myWebLog uses a few caches to ensure that it serves pages as fast as possible. Normal actions taken within the
@@ -38,31 +38,31 @@
       <div class="col-12 col-lg-6 pb-3">
         <div class="card">
           <header class="card-header text-white bg-secondary">Web Logs</header>
-          <div class="card-body">
+          <div class="card-body pb-0">
             <h6 class="card-subtitle text-muted pb-3">
               These caches include the page list and categories for each web log
             </h6>
             {%- assign web_log_base_url = cache_base_url | append: "web-log/" -%}
-            <form method="post" class="container pb-3" hx-boost="false" hx-target="body" hx-swap="innerHTML show:window:top">
+            <form method="post" class="container g-0" hx-boost="false" hx-target="body"
+                  hx-swap="innerHTML show:window:top">
               <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
-              <button type="submit" class="btn btn-sm btn-primary pb-2"
+              <button type="submit" class="btn btn-sm btn-primary mb-2"
                       hx-post="{{ web_log_base_url | append: "all/refresh" | relative_link }}">
                 Refresh All
               </button>
               <div class="row mwl-table-heading">
-                <div class="col">Name</div>
-                <div class="col">URL Base</div>
+                <div class="col">Web Log</div>
               </div>
               {%- for web_log in web_logs %}
                 <div class="row mwl-table-detail">
                   <div class="col">
                     {{ web_log[1] }}<br>
                     <small>
+                      <span class="text-muted">{{ web_log[2] }}</span><br>
                       {%- assign refresh_url = web_log_base_url | append: web_log[0] | append: "/refresh" | relative_link -%}
                       <a href="{{ refresh_url }}" hx-post="{{ refresh_url }}">Refresh</a>
                     </small>
                   </div>
-                  <div class="col">{{ web_log[2] }}</div>
                 </div>
               {%- endfor %}
             </form>
@@ -72,21 +72,22 @@
       <div class="col-12 col-lg-6 pb-3">
         <div class="card">
           <header class="card-header text-white bg-secondary">Themes</header>
-          <div class="card-body">
+          <div class="card-body pb-0">
             <h6 class="card-subtitle text-muted pb-3">
-              The themes template cache is loaded on demand; refresh a cache with 0 templates will still refresh the
-              theme asset cache
+              The theme template cache is filled on demand as pages are displayed; refreshing a theme with no cached
+              templates will still refresh its asset cache
             </h6>
             {%- assign theme_base_url = cache_base_url | append: "theme/" -%}
-            <form method="post" class="container pb-3" hx-boost="false" hx-target="body" hx-swap="innerHTML show:window:top">
+            <form method="post" class="container g-0" hx-boost="false" hx-target="body"
+                  hx-swap="innerHTML show:window:top">
               <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
-              <button type="submit" class="btn btn-sm btn-primary pb-2"
+              <button type="submit" class="btn btn-sm btn-primary mb-2"
                       hx-post="{{ theme_base_url | append: "all/refresh" | relative_link }}">
                 Refresh All
               </button>
               <div class="row mwl-table-heading">
-                <div class="col-8">Name</div>
-                <div class="col-4">Cached Templates</div>
+                <div class="col-8">Theme</div>
+                <div class="col-4">Cached</div>
               </div>
               {%- for theme in cached_themes %}
                 {% unless theme[0] == "admin" %}

src/admin-theme/category-list-body.liquid

@@ -1,45 +1,57 @@
-<form method="post" id="catList" class="container" hx-target="this" hx-swap="outerHTML show:window:top">
-  <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
-  <div class="row mwl-table-detail" id="cat_new"></div>
-  {%- assign cat_count = categories | size -%}
-  {% if cat_count > 0 %}
-    {%- assign cat_col  = "col-12 col-md-6 col-xl-5 col-xxl-4" -%}
-    {%- assign desc_col = "col-12 col-md-6 col-xl-7 col-xxl-8" -%}
-    {% for cat in categories -%}
-      <div class="row mwl-table-detail" id="cat_{{ cat.id }}">
-        <div class="{{ cat_col }} no-wrap">
-          {%- if cat.parent_names %}
-            <small class="text-muted">{% for name in cat.parent_names %}{{ name }} &rang; {% endfor %}</small>
-          {%- endif %}
-          {{ cat.name }}<br>
-          <small>
-            {%- assign cat_url_base = "admin/category/" | append: cat.id -%}
-            {%- if cat.post_count > 0 %}
-              <a href="{{ cat | category_link }}" target="_blank">
-                View {{ cat.post_count }} Post{% unless cat.post_count == 1 %}s{% endunless -%}
-              </a>
-              <span class="text-muted"> &bull; </span>
-            {%- endif %}
-            <a href="{{ cat_url_base | append: "/edit" | relative_link }}" hx-target="#cat_{{ cat.id }}"
-               hx-swap="innerHTML show:#cat_{{ cat.id }}:top">
-              Edit
-            </a>
-            <span class="text-muted"> &bull; </span>
-            {%- assign cat_del_link = cat_url_base | append: "/delete" | relative_link -%}
-            <a href="{{ cat_del_link }}" hx-post="{{ cat_del_link }}" class="text-danger"
-               hx-confirm="Are you sure you want to delete the category &ldquo;{{ cat.name }}&rdquo;? This action cannot be undone.">
-              Delete
-            </a>
-          </small>
+<div id="catList" class="container">
+  <div class="row">
+    <div class="col">
+      {%- assign cat_count = categories | size -%}
+      {% if cat_count > 0 %}
+        {%- assign cat_col  = "col-12 col-md-6 col-xl-5 col-xxl-4" -%}
+        {%- assign desc_col = "col-12 col-md-6 col-xl-7 col-xxl-8" -%}
+        <div class="container">
+          <div class="row mwl-table-heading">
+            <div class="{{ cat_col }}">Category<span class="d-md-none">; Description</span></div>
+            <div class="{{ desc_col }} d-none d-md-inline-block">Description</div>
+          </div>
         </div>
-        <div class="{{ desc_col }}">
-          {%- if cat.description %}{{ cat.description.value }}{% else %}<em class="text-muted">none</em>{% endif %}
+        <form method="post" class="container" hx-target="#catList" hx-swap="outerHTML show:window:top">
+          <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
+          <div class="row mwl-table-detail" id="cat_new"></div>
+          {% for cat in categories -%}
+            <div class="row mwl-table-detail" id="cat_{{ cat.id }}">
+              <div class="{{ cat_col }} no-wrap">
+                {%- if cat.parent_names %}
+                  <small class="text-muted">{% for name in cat.parent_names %}{{ name }} &rang; {% endfor %}</small>
+                {%- endif %}
+                {{ cat.name }}<br>
+                <small>
+                  {%- assign cat_url_base = "admin/category/" | append: cat.id -%}
+                  {%- if cat.post_count > 0 %}
+                    <a href="{{ cat | category_link }}" target="_blank">
+                      View {{ cat.post_count }} Post{% unless cat.post_count == 1 %}s{% endunless -%}
+                    </a>
+                    <span class="text-muted"> &bull; </span>
+                  {%- endif %}
+                  <a href="{{ cat_url_base | append: "/edit" | relative_link }}" hx-target="#cat_{{ cat.id }}"
+                     hx-swap="innerHTML show:#cat_{{ cat.id }}:top">
+                    Edit
+                  </a>
+                  <span class="text-muted"> &bull; </span>
+                  {%- assign cat_del_link = cat_url_base | append: "/delete" | relative_link -%}
+                  <a href="{{ cat_del_link }}" hx-post="{{ cat_del_link }}" class="text-danger"
+                     hx-confirm="Are you sure you want to delete the category &ldquo;{{ cat.name }}&rdquo;? This action cannot be undone.">
+                    Delete
+                  </a>
+                </small>
+              </div>
+              <div class="{{ desc_col }}">
+                {%- if cat.description %}{{ cat.description.value }}{% else %}<em class="text-muted">none</em>{% endif %}
+              </div>
+            </div>
+          {%- endfor %}
+        </form>
+      {%- else -%}
+        <div id="cat_new">
+          <p class="text-muted fst-italic text-center">This web log has no categores defined</p>
         </div>
-      </div>
-    {%- endfor %}
-  {%- else -%}
-    <div class="row">
-      <div class="col-12 text-muted fst-italic text-center">This web log has no categores defined</div>
+      {%- endif %}
     </div>
-  {%- endif %}
-</form>
+  </div>
+</div>

src/admin-theme/category-list.liquid

@@ -4,13 +4,5 @@
      hx-target="#cat_new">
     Add a New Category
   </a>
-  <div class="container">
-    {%- assign cat_col  = "col-12 col-md-6 col-xl-5 col-xxl-4" -%}
-    {%- assign desc_col = "col-12 col-md-6 col-xl-7 col-xxl-8" -%}
-    <div class="row mwl-table-heading">
-      <div class="{{ cat_col }}">Category<span class="d-md-none">; Description</span></div>
-      <div class="{{ desc_col }} d-none d-md-inline-block">Description</div>
-    </div>
-  </div>
   {{ category_list }}
 </article>

src/admin-theme/my-info.liquid

@@ -1,6 +1,6 @@
 <h2 class="my-3">{{ page_title }}</h2>
 <article>
-  <form action="{{ "admin/user/my-info" | relative_link }}" method="post">
+  <form action="{{ "admin/my-info" | relative_link }}" method="post">
     <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
     <div class="d-flex flex-row flex-wrap justify-content-around">
       <div class="text-center mb-3 lh-sm">

src/admin-theme/page-list.liquid

@@ -2,19 +2,19 @@
 <article>
   <a href="{{ "admin/page/new/edit" | relative_link }}" class="btn btn-primary btn-sm mb-3">Create a New Page</a>
   {%- assign page_count = pages | size -%}
-  {%- assign title_col = "col-12 col-md-5" -%}
-  {%- assign link_col  = "col-12 col-md-5" -%}
-  {%- assign upd8_col  = "col-12 col-md-2" -%}
-  <form method="post" class="container" hx-target="body">
-    <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
-    <div class="row mwl-table-heading">
-      <div class="{{ title_col }}">
-        <span class="d-none d-md-inline">Title</span><span class="d-md-none">Page</span>
+  {% if page_count > 0 %}
+    {%- assign title_col = "col-12 col-md-5" -%}
+    {%- assign link_col  = "col-12 col-md-5" -%}
+    {%- assign upd8_col  = "col-12 col-md-2" -%}
+    <form method="post" class="container" hx-target="body">
+      <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
+      <div class="row mwl-table-heading">
+        <div class="{{ title_col }}">
+          <span class="d-none d-md-inline">Title</span><span class="d-md-none">Page</span>
+        </div>
+        <div class="{{ link_col }} d-none d-md-inline-block">Permalink</div>
+        <div class="{{ upd8_col }} d-none d-md-inline-block">Updated</div>
       </div>
-      <div class="{{ link_col }} d-none d-md-inline-block">Permalink</div>
-      <div class="{{ upd8_col }} d-none d-md-inline-block">Updated</div>
-    </div>
-    {% if page_count > 0 %}
       {% for pg in pages -%}
         <div class="row mwl-table-detail">
           <div class="{{ title_col }}">
@@ -48,30 +48,30 @@
           </div>
         </div>
       {%- endfor %}
-    {% else %}
-      <div class="row">
-        <div class="col text-muted fst-italic text-center">This web log has no pages</div>
+    </form>
+    {% if page_nbr > 1 or page_count == 25 %}
+      <div class="d-flex justify-content-evenly mb-3">
+        <div>
+          {% if page_nbr > 1 %}
+            <p>
+              <a class="btn btn-secondary" href="{{ "admin/pages" | append: prev_page | relative_link }}">
+                &laquo; Previous
+              </a>
+            </p>
+          {% endif %}
+        </div>
+        <div class="text-right">
+          {% if page_count == 25 %}
+            <p>
+              <a class="btn btn-secondary" href="{{ "admin/pages" | append: next_page | relative_link }}">
+                Next &raquo;
+              </a>
+            </p>
+          {% endif %}
+        </div>
       </div>
     {% endif %}
-  </form>
-  {% if page_nbr > 1 or page_count == 25 %}
-    <div class="d-flex justify-content-evenly pb-3">
-      <div>
-        {% if page_nbr > 1 %}
-          <p>
-            <a class="btn btn-default" href="{{ "admin/pages" | append: prev_page | relative_link }}">
-              &laquo; Previous
-            </a>
-          </p>
-        {% endif %}
-      </div>
-      <div class="text-right">
-        {% if page_count == 25 %}
-          <p>
-            <a class="btn btn-default" href="{{ "admin/pages" | append: next_page | relative_link }}">Next &raquo;</a>
-          </p>
-        {% endif %}
-      </div>
-    </div>
+  {% else %}
+    <p class="text-muted fst-italic text-center">This web log has no pages</p>
   {% endif %}
 </article>

src/admin-theme/post-list.liquid

@@ -1,22 +1,22 @@
 <h2 class="my-3">{{ page_title }}</h2>
 <article>
   <a href="{{ "admin/post/new/edit" | relative_link }}" class="btn btn-primary btn-sm mb-3">Write a New Post</a>
-  <form method="post" class="container" hx-target="body">
-    <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
-    {%- assign post_count = model.posts | size -%}
-    {%- assign date_col   = "col-xs-12 col-md-3 col-lg-2" -%}
-    {%- assign title_col  = "col-xs-12 col-md-7 col-lg-6 col-xl-5 col-xxl-4" -%}
-    {%- assign author_col = "col-xs-12 col-md-2 col-lg-1" -%}
-    {%- assign tag_col    = "col-lg-3 col-xl-4 col-xxl-5 d-none d-lg-inline-block" -%}
-    <div class="row mwl-table-heading">
-      <div class="{{ date_col }}">
-        <span class="d-md-none">Post</span><span class="d-none d-md-inline">Date</span>
+  {%- assign post_count = model.posts | size -%}
+  {%- if post_count > 0 %}
+    <form method="post" class="container" hx-target="body">
+      <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
+      {%- assign date_col   = "col-xs-12 col-md-3 col-lg-2" -%}
+      {%- assign title_col  = "col-xs-12 col-md-7 col-lg-6 col-xl-5 col-xxl-4" -%}
+      {%- assign author_col = "col-xs-12 col-md-2 col-lg-1" -%}
+      {%- assign tag_col    = "col-lg-3 col-xl-4 col-xxl-5 d-none d-lg-inline-block" -%}
+      <div class="row mwl-table-heading">
+        <div class="{{ date_col }}">
+          <span class="d-md-none">Post</span><span class="d-none d-md-inline">Date</span>
+        </div>
+        <div class="{{ title_col }} d-none d-md-inline-block">Title</div>
+        <div class="{{ author_col }} d-none d-md-inline-block">Author</div>
+        <div class="{{ tag_col }}">Tags</div>
       </div>
-      <div class="{{ title_col }} d-none d-md-inline-block">Title</div>
-      <div class="{{ author_col }} d-none d-md-inline-block">Author</div>
-      <div class="{{ tag_col }}">Tags</div>
-    </div>
-    {%- if post_count > 0 %}
       {% for post in model.posts -%}
         <div class="row mwl-table-detail">
           <div class="{{ date_col }} no-wrap">
@@ -77,24 +77,22 @@
           </div>
         </div>
       {%- endfor %}
-    {% else %}
-      <div class="row">
-        <div class="col text-muted fst-italic text-center">This web log has no posts</div>
+    </form>
+    {% if model.newer_link or model.older_link %}
+      <div class="d-flex justify-content-evenly mb-3">
+        <div>
+          {% if model.newer_link %}
+            <p><a class="btn btn-secondary" href="{{ model.newer_link.value }}">&laquo; Newer Posts</a></p>
+          {% endif %}
+        </div>
+        <div class="text-right">
+          {% if model.older_link %}
+            <p><a class="btn btn-secondary" href="{{ model.older_link.value }}">Older Posts &raquo;</a></p>
+          {% endif %}
+        </div>
       </div>
     {% endif %}
-  </form>
-  {% if model.newer_link or model.older_link %}
-    <div class="d-flex justify-content-evenly">
-      <div>
-        {% if model.newer_link %}
-          <p><a class="btn btn-default" href="{{ model.newer_link.value }}">&laquo; Newer Posts</a></p>
-        {% endif %}
-      </div>
-      <div class="text-right">
-        {% if model.older_link %}
-          <p><a class="btn btn-default" href="{{ model.older_link.value }}">Older Posts &raquo;</a></p>
-        {% endif %}
-      </div>
-    </div>
+  {% else %}
+    <p class="text-muted fst-italic text-center">This web log has no posts</p>
   {% endif %}
 </article>

src/admin-theme/rss-settings.liquid

@@ -63,50 +63,54 @@
       </div>
     </div>
   </form>
-  <h3>Custom Feeds</h3>
-  <a class="btn btn-sm btn-secondary" href="{{ 'admin/settings/rss/new/edit' | relative_link }}">
-    Add a New Custom Feed
-  </a>
-  <form method="post" class="container" hx-target="body">
-    {%- assign source_col = "col-12 col-md-6" -%}
-    {%- assign path_col   = "col-12 col-md-6" -%}
-    <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
-    <div class="row mwl-table-heading">
-      <div class="{{ source_col }}">
-        <span class="d-md-none">Feed</span><span class="d-none d-md-inline">Source</span>
+  <fieldset class="container mb-3 pb-0">
+    <legend>Custom Feeds</legend>
+    <div class="row">
+      <div class="col">
+        <a class="btn btn-sm btn-secondary" href="{{ 'admin/settings/rss/new/edit' | relative_link }}">
+          Add a New Custom Feed
+        </a>
+        {%- assign feed_count = custom_feeds | size -%}
+        {% if feed_count > 0 %}
+          <form method="post" class="container g-0" hx-target="body">
+            {%- assign source_col = "col-12 col-md-6" -%}
+            {%- assign path_col   = "col-12 col-md-6" -%}
+            <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
+            <div class="row mwl-table-heading">
+              <div class="{{ source_col }}">
+                <span class="d-md-none">Feed</span><span class="d-none d-md-inline">Source</span>
+              </div>
+              <div class="{{ path_col }} d-none d-md-inline-block">Relative Path</div>
+            </div>
+            {% for feed in custom_feeds %}
+              <div class="row mwl-table-detail">
+                <div class="{{ source_col }}">
+                  {{ feed.source }}
+                  {%- if feed.is_podcast %} &nbsp; <span class="badge bg-primary">PODCAST</span>{% endif %}<br>
+                  <small>
+                    {%- assign feed_url = "admin/settings/rss/" | append: feed.id -%}
+                    <a href="{{ feed.path | relative_link }}" target="_blank">View Feed</a>
+                    <span class="text-muted"> &bull; </span>
+                    <a href="{{ feed_url | append: "/edit" | relative_link }}">Edit</a>
+                    <span class="text-muted"> &bull; </span>
+                    {%- assign feed_del_link = feed_url | append: "/delete" | relative_link -%}
+                    <a href="{{ feed_del_link }}" hx-post="{{ feed_del_link }}" class="text-danger"
+                       hx-confirm="Are you sure you want to delete the custom RSS feed based on {{ feed.source | strip_html | escape }}? This action cannot be undone.">
+                      Delete
+                    </a>
+                  </small>
+                </div>
+                <div class="{{ path_col }}">
+                  <small class="d-md-none">Served at {{ feed.path }}</small>
+                  <span class="d-none d-md-inline">{{ feed.path }}</span>
+                </div>
+              </div>
+            {% endfor %}
+          </form>
+        {% else %}
+          <p class="text-muted fst-italic text-center">No custom feeds defined</p>
+        {% endif %}
       </div>
-      <div class="{{ path_col }} d-none d-md-inline-block">Relative Path</div>
     </div>
-    {%- assign feed_count = custom_feeds | size -%}
-    {% if feed_count > 0 %}
-      {% for feed in custom_feeds %}
-        <div class="row mwl-table-detail">
-          <div class="{{ source_col }}">
-            {{ feed.source }}
-            {%- if feed.is_podcast %} &nbsp; <span class="badge bg-primary">PODCAST</span>{% endif %}<br>
-            <small>
-              {%- assign feed_url = "admin/settings/rss/" | append: feed.id -%}
-              <a href="{{ feed.path | relative_link }}" target="_blank">View Feed</a>
-              <span class="text-muted"> &bull; </span>
-              <a href="{{ feed_url | append: "/edit" | relative_link }}">Edit</a>
-              <span class="text-muted"> &bull; </span>
-              {%- assign feed_del_link = feed_url | append: "/delete" | relative_link -%}
-              <a href="{{ feed_del_link }}" hx-post="{{ feed_del_link }}" class="text-danger"
-                 hx-confirm="Are you sure you want to delete the custom RSS feed based on {{ feed.source | strip_html | escape }}? This action cannot be undone.">
-                Delete
-              </a>
-            </small>
-          </div>
-          <div class="{{ path_col }}">
-            <small class="d-md-none">Served at {{ feed.path }}</small>
-            <span class="d-none d-md-inline">{{ feed.path }}</span>
-          </div>
-        </div>
-      {% endfor %}
-    {% else %}
-      <tr>
-        <td colspan="3" class="text-muted fst-italic text-center">No custom feeds defined</td>
-      </tr>
-    {% endif %}
-  </form>
+  </fieldset>
 </article>

src/admin-theme/settings.liquid

@@ -1,106 +1,136 @@
 <h2 class="my-3">{{ web_log.name }} Settings</h2>
-<p class="text-muted">
-  Other Settings: <a href="{{ "admin/settings/tag-mappings" | relative_link }}">Tag Mappings</a> &bull;
-  <a href="{{ "admin/settings/rss" | relative_link }}">RSS Settings</a>
-</p>
 <article>
-  <form action="{{ "admin/settings" | relative_link }}" method="post">
-    <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
-    <div class="container">
-      <div class="row">
-        <div class="col-12 col-md-6 col-xl-4 pb-3">
-          <div class="form-floating">
-            <input type="text" name="Name" id="name" class="form-control" placeholder="Name" required autofocus
-                   value="{{ model.name }}">
-            <label for="name">Name</label>
+  <p class="text-muted">
+    Other Settings: <a href="{{ "admin/settings/tag-mappings" | relative_link }}">Tag Mappings</a> &bull;
+    <a href="{{ "admin/settings/rss" | relative_link }}">RSS Settings</a>
+  </p>
+  <fieldset class="container mb-3">
+    <legend>Web Log Settings</legend>
+    <div class="row">
+      <div class="col">
+        <form action="{{ "admin/settings" | relative_link }}" method="post">
+          <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
+          <div class="container">
+            <div class="row">
+              <div class="col-12 col-md-6 col-xl-4 pb-3">
+                <div class="form-floating">
+                  <input type="text" name="Name" id="name" class="form-control" placeholder="Name" required autofocus
+                         value="{{ model.name }}">
+                  <label for="name">Name</label>
+                </div>
+              </div>
+              <div class="col-12 col-md-6 col-xl-4 pb-3">
+                <div class="form-floating">
+                  <input type="text" name="Slug" id="slug" class="form-control" placeholder="Slug" required
+                         value="{{ model.slug }}">
+                  <label for="slug">Slug</label>
+                  <span class="form-text">
+                    <span class="badge rounded-pill bg-warning text-dark">WARNING</span> changing this value may break
+                    links
+                    (<a href="https://bitbadger.solutions/open-source/myweblog/configuring.html#blog-settings"
+                        target="_blank">more</a>)
+                  </span>
+                </div>
+              </div>
+              <div class="col-12 col-md-6 col-xl-4 pb-3">
+                <div class="form-floating">
+                  <input type="text" name="Subtitle" id="subtitle" class="form-control" placeholder="Subtitle"
+                         value="{{ model.subtitle }}">
+                  <label for="subtitle">Subtitle</label>
+                </div>
+              </div>
+              <div class="col-12 col-md-6 col-xl-4 offset-xl-1 pb-3">
+                <div class="form-floating">
+                  <select name="ThemeId" id="themeId" class="form-control" required>
+                    {% for theme in themes -%}
+                      <option value="{{ theme[0] }}"{% if model.theme_id == theme[0] %} selected="selected"{% endif %}>
+                        {{ theme[1] }}
+                      </option>
+                    {%- endfor %}
+                  </select>
+                  <label for="themeId">Theme</label>
+                </div>
+              </div>
+              <div class="col-12 col-md-6 offset-md-1 col-xl-4 offset-xl-0 pb-3">
+                <div class="form-floating">
+                  <select name="DefaultPage" id="defaultPage" class="form-control" required>
+                    {% for pg in pages -%}
+                      <option value="{{ pg[0] }}"
+                      {%- if pg[0] == model.default_page  %} selected="selected"{% endif %}>
+                        {{ pg[1] }}
+                      </option>
+                    {%- endfor %}
+                  </select>
+                  <label for="defaultPage">Default Page</label>
+                </div>
+              </div>
+              <div class="col-12 col-md-4 col-xl-2 pb-3">
+                <div class="form-floating">
+                  <input type="number" name="PostsPerPage" id="postsPerPage" class="form-control" min="0" max="50"
+                         required value="{{ model.posts_per_page }}">
+                  <label for="postsPerPage">Posts per Page</label>
+                </div>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-12 col-md-4 col-xl-3 offset-xl-2 pb-3">
+                <div class="form-floating">
+                  <input type="text" name="TimeZone" id="timeZone" class="form-control" placeholder="Time Zone" required
+                         value="{{ model.time_zone }}">
+                  <label for="timeZone">Time Zone</label>
+                </div>
+              </div>
+              <div class="col-12 col-md-4 col-xl-2">
+                <div class="form-check form-switch">
+                  <input type="checkbox" name="AutoHtmx" id="autoHtmx" class="form-check-input" value="true"
+                      {%- if model.auto_htmx %} checked="checked"{% endif %}>
+                  <label for="autoHtmx" class="form-check-label">Auto-Load htmx</label>
+                </div>
+                <span class="form-text fst-italic">
+                  <a href="https://htmx.org" target="_blank" rel="noopener">What is this?</a>
+                </span>
+              </div>
+              <div class="col-12 col-md-4 col-xl-3 pb-3">
+                <div class="form-floating">
+                  <select name="Uploads" id="uploads" class="form-control">
+                    {%- for it in upload_values %}
+                      <option value="{{ it[0] }}"
+                              {%- if model.uploads == it[0] %} selected{% endif %}>{{ it[1] }}</option>
+                    {%- endfor %}
+                  </select>
+                  <label for="uploads">Default Upload Destination</label>
+                </div>
+              </div>
+            </div>
+            <div class="row pb-3">
+              <div class="col text-center">
+                <button type="submit" class="btn btn-primary">Save Changes</button>
+              </div>
+            </div>
           </div>
-        </div>
-        <div class="col-12 col-md-6 col-xl-4 pb-3">
-          <div class="form-floating">
-            <input type="text" name="Slug" id="slug" class="form-control" placeholder="Slug" required
-                   value="{{ model.slug }}">
-            <label for="slug">Slug</label>
-            <span class="form-text">
-              <span class="badge rounded-pill bg-warning text-dark">WARNING</span> changing this value may break links
-              (<a href="https://bitbadger.solutions/open-source/myweblog/configuring.html#blog-settings"
-                  target="_blank">more</a>)
-            </span>
-          </div>
-        </div>
-        <div class="col-12 col-md-6 col-xl-4 pb-3">
-          <div class="form-floating">
-            <input type="text" name="Subtitle" id="subtitle" class="form-control" placeholder="Subtitle"
-                   value="{{ model.subtitle }}">
-            <label for="subtitle">Subtitle</label>
-          </div>
-        </div>
-        <div class="col-12 col-md-6 col-xl-4 offset-xl-1 pb-3">
-          <div class="form-floating">
-            <select name="ThemeId" id="themeId" class="form-control" required>
-              {% for theme in themes -%}
-                <option value="{{ theme[0] }}"{% if model.theme_id == theme[0] %} selected="selected"{% endif %}>
-                  {{ theme[1] }}
-                </option>
-              {%- endfor %}
-            </select>
-            <label for="themeId">Theme</label>
-          </div>
-        </div>
-        <div class="col-12 col-md-6 offset-md-1 col-xl-4 offset-xl-0 pb-3">
-          <div class="form-floating">
-            <select name="DefaultPage" id="defaultPage" class="form-control" required>
-              {% for pg in pages -%}
-                <option value="{{ pg[0] }}"
-                {%- if pg[0] == model.default_page  %} selected="selected"{% endif %}>
-                  {{ pg[1] }}
-                </option>
-              {%- endfor %}
-            </select>
-            <label for="defaultPage">Default Page</label>
-          </div>
-        </div>
-        <div class="col-12 col-md-4 col-xl-2 pb-3">
-          <div class="form-floating">
-            <input type="number" name="PostsPerPage" id="postsPerPage" class="form-control" min="0" max="50" required
-                   value="{{ model.posts_per_page }}">
-            <label for="postsPerPage">Posts per Page</label>
-          </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-12 col-md-4 col-xl-3 offset-xl-2 pb-3">
-          <div class="form-floating">
-            <input type="text" name="TimeZone" id="timeZone" class="form-control" placeholder="Time Zone" required
-                   value="{{ model.time_zone }}">
-            <label for="timeZone">Time Zone</label>
-          </div>
-        </div>
-        <div class="col-12 col-md-4 col-xl-2">
-          <div class="form-check form-switch">
-            <input type="checkbox" name="AutoHtmx" id="autoHtmx" class="form-check-input" value="true"
-                {%- if model.auto_htmx %} checked="checked"{% endif %}>
-            <label for="autoHtmx" class="form-check-label">Auto-Load htmx</label>
-          </div>
-          <span class="form-text fst-italic">
-            <a href="https://htmx.org" target="_blank" rel="noopener">What is this?</a>
-          </span>
-        </div>
-        <div class="col-12 col-md-4 col-xl-3 pb-3">
-          <div class="form-floating">
-            <select name="Uploads" id="uploads" class="form-control">
-              {%- for it in upload_values %}
-                <option value="{{ it[0] }}"{% if model.uploads == it[0] %} selected{% endif %}>{{ it[1] }}</option>
-              {%- endfor %}
-            </select>
-            <label for="uploads">Default Upload Destination</label>
-          </div>
-        </div>
-      </div>
-      <div class="row pb-3">
-        <div class="col text-center">
-          <button type="submit" class="btn btn-primary">Save Changes</button>
-        </div>
+        </form>
       </div>
     </div>
-  </form>
+  </fieldset>
+  <fieldset class="container mb-3 pb-0">
+    <legend>Users</legend>
+    <div class="row">
+      <div class="col">
+        {% include_template "_user-list-columns" %}
+        <a href="{{ "admin/settings/user/new/edit" | relative_link }}" class="btn btn-primary btn-sm mb-3"
+           hx-target="#user_new">
+          Add a New User
+        </a>
+        <div class="container g-0">
+          <div class="row mwl-table-heading">
+            <div class="{{ user_col }}">User<span class="d-md-none">; Full Name / E-mail; Last Log On</span></div>
+            <div class="{{ email_col }} d-none d-md-inline-block">Full Name / E-mail</div>
+            <div class="{{ cre8_col }}">Created</div>
+            <div class="{{ last_col }} d-none d-md-block">Last Log On</div>
+          </div>
+        </div>
+        {{ user_list }}
+      </div>
+    </div>
+  </fieldset>
 </article>

src/admin-theme/tag-mapping-list-body.liquid

@@ -1,33 +1,45 @@
-<form method="post" class="container" id="tagList" hx-target="this" hx-swap="outerHTML show:window:top">
-  <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
-  <div class="row mwl-table-detail" id="tag_new"></div>
-  {%- assign map_count = mappings | size -%}
-  {% if map_count > 0 -%}
-    {% for map in mappings -%}
-      {%- assign map_id = mapping_ids | value: map.tag -%}
-      <div class="row mwl-table-detail" id="tag_{{ map_id }}">
-        <div class="col no-wrap">
-          {{ map.tag }}<br>
-          <small>
-            {%- assign map_url = "admin/settings/tag-mapping/" | append: map_id -%}
-            <a href="{{ map_url | append: "/edit" | relative_link }}" hx-target="#tag_{{ map_id }}"
-               hx-swap="innerHTML show:#tag_{{ map_id }}:top">
-              Edit
-            </a>
-            <span class="text-muted"> &bull; </span>
-            {%- assign map_del_link = map_url | append: "/delete" | relative_link -%}
-            <a href="{{ map_del_link }}" hx-post="{{ map_del_link }}" class="text-danger"
-               hx-confirm="Are you sure you want to delete the mapping for &ldquo;{{ map.tag }}&rdquo;? This action cannot be undone.">
-              Delete
-            </a>
-          </small>
+<div id="tagList" class="container">
+  <div class="row">
+    <div class="col">
+      {%- assign map_count = mappings | size -%}
+      {% if map_count > 0 -%}
+        <div class="container">
+          <div class="row mwl-table-heading">
+            <div class="col">Tag</div>
+            <div class="col">URL Value</div>
+          </div>
         </div>
-        <div class="col">{{ map.url_value }}</div>
-      </div>
-    {%- endfor %}
-  {%- else -%}
-    <div class="row">
-      <div class="col text-muted text-center fst-italic">This web log has no tag mappings</div>
+        <form method="post" class="container" hx-target="#tagList" hx-swap="outerHTML show:window:top">
+          <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
+          <div class="row mwl-table-detail" id="tag_new"></div>
+            {% for map in mappings -%}
+              {%- assign map_id = mapping_ids | value: map.tag -%}
+              <div class="row mwl-table-detail" id="tag_{{ map_id }}">
+                <div class="col no-wrap">
+                  {{ map.tag }}<br>
+                  <small>
+                    {%- assign map_url = "admin/settings/tag-mapping/" | append: map_id -%}
+                    <a href="{{ map_url | append: "/edit" | relative_link }}" hx-target="#tag_{{ map_id }}"
+                       hx-swap="innerHTML show:#tag_{{ map_id }}:top">
+                      Edit
+                    </a>
+                    <span class="text-muted"> &bull; </span>
+                    {%- assign map_del_link = map_url | append: "/delete" | relative_link -%}
+                    <a href="{{ map_del_link }}" hx-post="{{ map_del_link }}" class="text-danger"
+                       hx-confirm="Are you sure you want to delete the mapping for &ldquo;{{ map.tag }}&rdquo;? This action cannot be undone.">
+                      Delete
+                    </a>
+                  </small>
+                </div>
+                <div class="col">{{ map.url_value }}</div>
+              </div>
+            {%- endfor %}
+        </form>
+      {%- else -%}
+        <div id="tag_new">
+          <p class="text-muted text-center fst-italic">This web log has no tag mappings</p>
+        </div>
+      {%- endif %}
     </div>
-  {%- endif %}
-</form>
+  </div>
+</div>

src/admin-theme/tag-mapping-list.liquid

@@ -4,11 +4,5 @@
      hx-target="#tag_new">
     Add a New Tag Mapping
   </a>
-  <div class="container">
-    <div class="row mwl-table-heading">
-      <div class="col">Tag</div>
-      <div class="col">URL Value</div>
-    </div>
-  </div>
   {{ tag_mapping_list }}
 </article>

src/admin-theme/theme-list-body.liquid

@@ -1,4 +1,4 @@
-<form method="post" id="themeList" class="container" hx-target="this" hx-swap="outerHTML show:window:top">
+<form method="post" id="themeList" class="container g-0" hx-target="this" hx-swap="outerHTML show:window:top">
   <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
   {% include_template "_theme-list-columns" %}
   {% for theme in themes -%}

src/admin-theme/theme-upload.liquid

@@ -1,5 +1,5 @@
 <div class="col">
-  <h5>{{ page_title }}</h5>
+  <h5 class="mt-2">{{ page_title }}</h5>
   <form action="{{ "admin/theme/new" | relative_link }}" method="post" class="container" enctype="multipart/form-data"
         hx-boost="false">
     <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">

src/admin-theme/upload-list.liquid

@@ -7,15 +7,15 @@
   <form method="post" class="container" hx-target="body">
     <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
     <div class="row">
-      <div class="col text-muted text-center"><em>Uploaded files served from</em><br>{{ upload_base }}</div>
-    </div>
-    <div class="row mwl-table-heading">
-      <div class="col-6">File Name</div>
-      <div class="col-3">Path</div>
-      <div class="col-3">File Date/Time</div>
+      <div class="col text-center"><em class="text-muted">Uploaded files served from</em><br>{{ upload_base }}</div>
     </div>
     {%- assign file_count = files | size -%}
     {%- if file_count > 0 %}
+      <div class="row mwl-table-heading">
+        <div class="col-6">File Name</div>
+        <div class="col-3">Path</div>
+        <div class="col-3">File Date/Time</div>
+      </div>
       {% for file in files %}
         <div class="row mwl-table-detail">
           <div class="col-6">
@@ -69,7 +69,7 @@
       {% endfor %}
     {%- else -%}
       <div class="row">
-        <div class="col text-muted fst-italic text-center">This web log has uploaded files</div>
+        <div class="col text-muted fst-italic text-center"><br>This web log has uploaded files</div>
       </div>
     {%- endif %}
   </form>

src/admin-theme/user-edit.liquid

@@ -1,13 +1,13 @@
 <div class="col-12">
   <h5 class="my-3">{{ page_title }}</h5>
-  <form hx-post="{{ "admin/user/save" | relative_link }}" method="post" class="container"
+  <form hx-post="{{ "admin/settings/user/save" | relative_link }}" method="post" class="container"
         hx-target="#userList" hx-swap="outerHTML show:window:top">
     <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
     <input type="hidden" name="Id" value="{{ model.id }}">
     <div class="row">
       <div class="col-12 col-md-5 col-lg-3 col-xxl-2 offset-xxl-1 mb-3">
         <div class="form-floating">
-          <select name="AccessLevel" id="accessLevel" class="form-control" required>
+          <select name="AccessLevel" id="accessLevel" class="form-control" required autofocus>
             {%- for level in access_levels %}
               <option value="{{ level[0] }}"{% if model.access_level == level[0] %} selected{% endif %}>
                 {{ level[1] }}
@@ -88,7 +88,14 @@
     <div class="row mb-3">
       <div class="col text-center">
         <button type="submit" class="btn btn-sm btn-primary">Save Changes</button>
-        <a href="{{ "admin/users/bare" | relative_link }}" class="btn btn-sm btn-secondary ms-3">Cancel</a>
+        {% if model.is_new %}
+          <button type="button" class="btn btn-sm btn-secondary ms-3"
+                  onclick="document.getElementById('user_new').innerHTML = ''">
+            Cancel
+          </button>
+        {% else %}
+          <a href="{{ "admin/settings/users" | relative_link }}" class="btn btn-sm btn-secondary ms-3">Cancel</a>
+        {% endif %}
       </div>
     </div>
   </form>

src/admin-theme/user-list-body.liquid

@@ -1,60 +1,61 @@
-<form method="post" id="userList" class="container" hx-target="this" hx-swap="outerHTML show:window:top">
-  <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
-  <div class="row mwl-table-detail" id="user_new"></div>
-  {%- assign user_col  = "col-12 col-md-4 col-xl-3" -%}
-  {%- assign email_col = "col-12 col-md-4 col-xl-4" -%}
-  {%- assign cre8_col  = "d-none d-xl-block col-xl-2" -%}
-  {%- assign last_col  = "col-12 col-md-4 col-xl-3" -%}
-  {%- assign badge     = "ms-2 badge bg" -%}
-  {% for user in users -%}
-    <div class="row mwl-table-detail" id="user_{{ user.id }}">
-      <div class="{{ user_col }} no-wrap">
-        {{ user.preferred_name }}
-        {%- if user.access_level == "Administrator" %}
-          <span class="{{ badge }}-success">ADMINISTRATOR</span>
-        {%- elsif user.access_level == "WebLogAdmin" %}
-          <span class="{{ badge }}-primary">WEB LOG ADMIN</span>
-        {%- elsif user.access_level == "Editor" %}
-          <span class="{{ badge }}-secondary">EDITOR</span>
-        {%- elsif user.access_level == "Author" %}
-          <span class="{{ badge }}-dark">AUTHOR</span>
-        {%- endif %}<br>
-        {%- unless is_administrator == false and user.access_level == "Administrator" %}
-          <small>
-            {%- assign user_url_base = "admin/user/" | append: user.id -%}
-            <a href="{{ user_url_base | append: "/edit" | relative_link }}" hx-target="#user_{{ user.id }}"
-               hx-swap="innerHTML show:#user_{{ user.id }}:top">
-              Edit
-            </a>
-            {% unless user_id == user.id %}
-              <span class="text-muted"> &bull; </span>
-              {%- assign user_del_link = user_url_base | append: "/delete" | relative_link -%}
-              <a href="{{ user_del_link }}" hx-post="{{ user_del_link }}" class="text-danger"
-                 hx-confirm="Are you sure you want to delete the user &ldquo;{{ user.preferred_name }}&rdquo;? This action cannot be undone. (This action will not succeed if the user has authored any posts or pages.)">
-                Delete
+<div id="userList">
+  <div class="container g-0">
+    <div class="row mwl-table-detail" id="user_new"></div>
+  </div>
+  <form method="post" id="userList" class="container g-0" hx-target="this" hx-swap="outerHTML show:window:top">
+    <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
+    {% include_template "_user-list-columns" %}
+    {%- assign badge = "ms-2 badge bg" -%}
+    {% for user in users -%}
+      <div class="row mwl-table-detail" id="user_{{ user.id }}">
+        <div class="{{ user_col }} no-wrap">
+          {{ user.preferred_name }}
+          {%- if user.access_level == "Administrator" %}
+            <span class="{{ badge }}-success">ADMINISTRATOR</span>
+          {%- elsif user.access_level == "WebLogAdmin" %}
+            <span class="{{ badge }}-primary">WEB LOG ADMIN</span>
+          {%- elsif user.access_level == "Editor" %}
+            <span class="{{ badge }}-secondary">EDITOR</span>
+          {%- elsif user.access_level == "Author" %}
+            <span class="{{ badge }}-dark">AUTHOR</span>
+          {%- endif %}<br>
+          {%- unless is_administrator == false and user.access_level == "Administrator" %}
+            <small>
+              {%- assign user_url_base = "admin/settings/user/" | append: user.id -%}
+              <a href="{{ user_url_base | append: "/edit" | relative_link }}" hx-target="#user_{{ user.id }}"
+                 hx-swap="innerHTML show:#user_{{ user.id }}:top">
+                Edit
               </a>
-            {% endunless %}
+              {% unless user_id == user.id %}
+                <span class="text-muted"> &bull; </span>
+                {%- assign user_del_link = user_url_base | append: "/delete" | relative_link -%}
+                <a href="{{ user_del_link }}" hx-post="{{ user_del_link }}" class="text-danger"
+                   hx-confirm="Are you sure you want to delete the user &ldquo;{{ user.preferred_name }}&rdquo;? This action cannot be undone. (This action will not succeed if the user has authored any posts or pages.)">
+                  Delete
+                </a>
+              {% endunless %}
+            </small>
+          {%- endunless %}
+        </div>
+        <div class="{{ email_col }}">
+          {{ user.first_name }} {{ user.last_name }}<br>
+          <small class="text-muted">
+            {{ user.email }}
+            {%- unless user.url == "" %}<br>{{ user.url }}{% endunless %}
           </small>
-        {%- endunless %}
+        </div>
+        <div class="{{ cre8_col }}">
+          {{ user.created_on | date: "MMMM d, yyyy" }}
+        </div>
+        <div class="{{ last_col }}">
+          {% if user.last_seen_on %}
+            {{ user.last_seen_on | date: "MMMM d, yyyy" }} at
+            {{ user.last_seen_on | date: "h:mmtt" | downcase }}
+          {% else %}
+            --
+          {% endif %}
+        </div>
       </div>
-      <div class="{{ email_col }}">
-        {{ user.first_name }} {{ user.last_name }}<br>
-        <small class="text-muted">
-          {{ user.email }}
-          {%- unless user.url == "" %}<br>{{ user.url }}{% endunless %}
-        </small>
-      </div>
-      <div class="{{ cre8_col }}">
-        {{ user.created_on | date: "MMMM d, yyyy" }}
-      </div>
-      <div class="{{ last_col }}">
-        {% if user.last_seen_on %}
-          {{ user.last_seen_on | date: "MMMM d, yyyy" }} at
-          {{ user.last_seen_on | date: "h:mmtt" | downcase }}
-        {% else %}
-          --
-        {% endif %}
-      </div>
-    </div>
-  {%- endfor %}
-</form>
+    {%- endfor %}
+  </form>
+</div>

src/admin-theme/user-list.liquid

@@ -1,20 +0,0 @@
-<h2 class="my-3">{{ page_title }}</h2>
-<article>
-  <a href="{{ "admin/user/new/edit" | relative_link }}" class="btn btn-primary btn-sm mb-3"
-     hx-target="#user_new">
-    Add a New User
-  </a>
-  <div class="container">
-    {%- assign user_col  = "col-12 col-md-4 col-xl-3" -%}
-    {%- assign email_col = "col-12 col-md-4 col-xl-4" -%}
-    {%- assign cre8_col  = "d-none d-xl-block col-xl-2" -%}
-    {%- assign last_col  = "col-12 col-md-4 col-xl-3" -%}
-    <div class="row mwl-table-heading">
-      <div class="{{ user_col }}">User<span class="d-md-none">; Details; Last Log On</span></div>
-      <div class="{{ email_col }} d-none d-md-inline-block">Details</div>
-      <div class="{{ cre8_col }}">Created</div>
-      <div class="{{ last_col }} d-none d-md-block">Last Log On</div>
-    </div>
-  </div>
-  {{ user_list }}
-</article>