From 12622cbffef948d8181867511cbbbf82386d0da9 Mon Sep 17 00:00:00 2001
From: c0ffeeca7 <38767475+c0ffeeca7@users.noreply.github.com>
Date: Fri, 20 Oct 2023 08:19:52 +0200
Subject: [PATCH] Aside: move categories beneath side toc (#29431)

---
 .../_includes/asides/component_navigation.html  | 15 ---------------
 source/_includes/site/sidebar.html              | 17 ++++++++++++++++-
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/source/_includes/asides/component_navigation.html b/source/_includes/asides/component_navigation.html
index 6109c94a186..6977528043f 100644
--- a/source/_includes/asides/component_navigation.html
+++ b/source/_includes/asides/component_navigation.html
@@ -74,19 +74,4 @@
     <a href="https://github.com/home-assistant/core/issues?q=is%3Aissue+is%3Aopen+label%3A%22integration%3A+{{ domain }}%22" target="_blank"><i class="icon-bug"></i> View known issues</a>
   </div>
   {%- endif -%}
-
-
-  {%- if page.ha_category.first -%}
-    <div class='section'>
-    <h1 class="title delta">Categories</h1>
-    <ul class='divided'>
-    {%- for category in page.ha_category -%}
-      <li>
-        <a href='/integrations/#{{ category | slugify }}'>{{ category }}</a>
-      </li>
-    {%- endfor -%}
-    </ul>
-    </div>
-  {%- endif -%}
-
 </section>
diff --git a/source/_includes/site/sidebar.html b/source/_includes/site/sidebar.html
index 3a9f2302e35..21ca613da48 100644
--- a/source/_includes/site/sidebar.html
+++ b/source/_includes/site/sidebar.html
@@ -46,7 +46,22 @@
         </div>
       </section>
     {%- endunless -%}
-  {% endif %}
+  {% endif %} 
+
+  {%- if page.ha_category.first -%}
+    <section class="aside-module grid__item one-whole lap-one-half">
+      <div class='section'>
+        <h1 class="title delta">Categories</h1>
+        <ul class='divided'>
+        {%- for category in page.ha_category -%}
+          <li>
+            <a href='/integrations/#{{ category | slugify }}'>{{ category }}</a>
+          </li>
+        {%- endfor -%}
+        </ul>
+      </div>
+    </section>
+  {%- endif -%}
 </div>
 <script type="text/javascript">
   // Some sidebars are longer than the screen so they can't be locked.