Stirling-PDF/src/main/resources/templates/fragments/card.html

<div th:fragment="card" class="feature-card" th:id="${id}" th:if="${@endpointConfiguration.isEndpointEnabled(cardLink)}"
  th:data-bs-tags="${tags}">
  <a th:href="${cardLink}">
    <div class="d-flex align-items-center"> <!-- Add a flex container to align the SVG and title -->


      
      <div class="icon" alt="icon" th:class="@{${toolGroup}}">
        <span class="material-symbols-rounded nav-icon" th:text="@{${toolIcon}}"></span>
      </div>


      <h5 class="card-title  mx-2" th:text="${cardTitle}"></h5>
      <!-- Add some margin-left (ms-2) for spacing between SVG and title -->
    </div>
    <p class="card-text" th:text="${cardText}"></p>
  </a>
  <div class="favorite-icon" onclick="toggleFavorite(this)">
    <span class="material-symbols-rounded no-fill">
      star
    </span>
  </div>
</div>