Fix icons on top level (2)

refinedmods · Dec 25, 2023 · 87a7af9 · 87a7af9
1 parent 621f363
commit 87a7af9
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/assets/scss/styles.scss b/assets/scss/styles.scss
@@ -30,7 +30,6 @@ $bootstrap-icons-font-dir: "../../../node_modules/bootstrap-icons/font/fonts"; /
 
 .btn-toggle-no-children .bi {
   color: rgba(var(--bs-emphasis-color-rgb), .85);
-  margin-right: 5px;
 }
 
 .btn-toggle::before {

diff --git a/layout.html b/layout.html
@@ -87,15 +87,15 @@
 
             <ul class="list-unstyled ps-0">
                 <li class="mb-1" th:each="item : ${navigationItems}">
-                    <a class="btn btn-toggle-no-children d-inline-flex align-items-center rounded border-0"
+                    <a class="btn btn-toggle-no-children d-inline-flex align-items-center rounded border-0 gap-2"
                        th:if="${item.children == null}"
                        th:classappend="${item.active ? 'active' : ''}"
                        th:href="@{'./' + ${currentComponent.slug} + '/' + ${currentComponent.latest ? '' : currentComponent.version.friendlyName() + '/'} + ${item.url}}">
                         <i class="bi"
-                           th:if="${#strings.contains(item.icon, 'bi-')}"
+                           th:if="${item.icon != null && #strings.contains(item.icon, 'bi-')}"
                            th:classappend="${item.icon}"></i>
                         <img th:src="@{'./assets/' + ${currentComponent.slug} + '.' + ${currentComponent.version.friendlyName()} + '/' + ${item.icon}}"
-                             th:if="${!#strings.contains(item.icon, 'bi-')}"
+                             th:if="${item.icon != null && !#strings.contains(item.icon, 'bi-')}"
                              width="32"
                              height="32">
                         <span th:utext="${item.name}"></span>

diff --git a/page.html b/page.html
@@ -23,8 +23,7 @@
             </li>
         </ol>
     </nav>
-    <main class="main-content float-start" th:utext="${content}"></main>
-    <div class="clearfix"></div>
+    <main class="main-content" th:utext="${content}"></main>
 </div>
 </body>
 </html>