wizard

src/pages/_data/menu.yml

@@ -118,12 +118,15 @@ extra:
   title: Extra
   icon: star
   children:
+    activity:
+      title: Activity
+      url: activity.html
+    gallery:
+      title: Gallery
+      url: gallery.html
     invoice:
       title: Invoice
       url: invoice.html
-    widgets:
-      title: Widgets
-      url: widgets.html
     search-results:
       title: Search results
       url: search-results.html
@@ -133,18 +136,18 @@ extra:
     users:
       title: Users
       url: users.html
-    gallery:
-      title: Gallery
-      url: gallery.html
     license:
       title: License
       url: license.html
     music:
       title: Music
       url: music.html
-    activity:
-      title: Activity
-      url: activity.html
+    widgets:
+      title: Widgets
+      url: widgets.html
+    wizard:
+      title: Wizard
+      url: wizard.html
 
 layout:
   icon: layout-2

src/pages/_layouts/single.html

@@ -5,7 +5,7 @@ body-class: border-top-wide border-primary d-flex flex-column
 
 <div class="flex-fill d-flex flex-column justify-content-center">
 	<div class="container-{{ page.container-size | default: 'tight' }} py-6">
-		<div class="text-center mb-5">
+		<div class="text-center mb-4">
 			<a href="{{ site.base }}"><img src="{{ site.base }}/static/logo.svg" height="36" alt=""></a>
 		</div>
 

src/pages/wizard.html

@@ -1,11 +1,11 @@
 ---
 title: Wizard
 layout: single
-menu: extra.welcome
+menu: extra.wizard
 ---
 
 
-<div class="card">
+<div class="card card-md">
 	<div class="card-body text-center py-4 p-sm-5">
 		{% include ui/illustration.html image="undraw_sign_in_e6hj.svg" height="120" class="mb-n2" %}
 		<h1 class="mt-5">Welcome to Tabler!</h1>
@@ -32,7 +32,7 @@ menu: extra.welcome
 	</div>
 </div>
 
-<div class="row align-items-center">
+<div class="row align-items-center mt-3">
 	<div class="col-4">
 		{% include ui/progress.html value=25 %}
 	</div>

src/scss/ui/_forms.scss

@@ -32,9 +32,9 @@ Form hint
  */
 .form-hint {
   display: block;
-  font-size: $small-font-size;
+  font-size: $h5-font-size;
+  line-height: $h5-line-height;
   color: $text-muted;
-  line-height: 1.25rem;
 
 
   &:last-child {