From 1ce5d35bf9ecb8fdf12526cbc31efb7a4746d7b8 Mon Sep 17 00:00:00 2001
From: Maximilian Blazek <68336485+dgtlntv@users.noreply.github.com>
Date: Mon, 29 Apr 2024 16:34:59 +0200
Subject: [PATCH] Update docs.html

---
 vanilla/templates/_layouts/docs.html | 48 ++++++++++++++--------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/vanilla/templates/_layouts/docs.html b/vanilla/templates/_layouts/docs.html
index 8dd7317..c47ffa7 100644
--- a/vanilla/templates/_layouts/docs.html
+++ b/vanilla/templates/_layouts/docs.html
@@ -81,30 +81,30 @@
         <div class="p-strip is-shallow u-no-padding--bottom">
           <div class="u-fixed-width">
             {% block content_title %}
-
-              {% if title %}
-                <h1>{{ title.split('|')[0] }}</h1>
-              {% endif %}
-
-              {% set status_labels = {
-                  'braindump': 'Braindump',
-                  'draft': 'Draft',
-                  'review': 'Pending review',
-                  'approved': 'Approved',
-                  'completed': 'Completed',
-                  'rejected': 'Rejected',
-                  'outdated': 'Outdated',
-                  'deprecated': 'Deprecated'
-              } %}
-
-              {% if status in ['braindump', 'draft', 'review'] %}
-                  <div class="p-status-label p-status-label--caution">{{ status_labels[status] }}</div>
-              {% elif status in ['approved', 'completed'] %}
-                  <div class="p-status-label p-status-label--positive">{{ status_labels[status] }}</div>
-              {% elif status in ['outdated', 'deprecated'] %}
-                  <div class="p-status-label p-status-label--negative">{{ status_labels[status] }}</div>
-              {% endif %}
-
+              <div style="display: flex;">
+                {% if title %}
+                  <h1>{{ title.split('|')[0] }}</h1>
+                {% endif %}
+
+                {% set status_labels = {
+                    'braindump': 'Braindump',
+                    'draft': 'Draft',
+                    'review': 'Pending review',
+                    'approved': 'Approved',
+                    'completed': 'Completed',
+                    'rejected': 'Rejected',
+                    'outdated': 'Outdated',
+                    'deprecated': 'Deprecated'
+                } %}
+
+                {% if status in ['braindump', 'draft', 'review'] %}
+                    <div class="p-status-label p-status-label--caution">{{ status_labels[status] }}</div>
+                {% elif status in ['approved', 'completed'] %}
+                    <div class="p-status-label p-status-label--positive">{{ status_labels[status] }}</div>
+                {% elif status in ['outdated', 'deprecated'] %}
+                    <div class="p-status-label p-status-label--negative">{{ status_labels[status] }}</div>
+                {% endif %}
+              </div>
               {% include "_layouts/_component_tabs.html" %}
               {% if not page_tabs %}
               <hr />