From 4c107287886a92d4800127e7f52df183602ce66d Mon Sep 17 00:00:00 2001
From: Tino Schr <tino.schreiber@t-systems.com>
Date: Wed, 14 Aug 2024 14:38:20 +0200
Subject: [PATCH] change docsportal developers/api section according to the
 service listing (#41)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

change docsportal developers/api section according to the service lis…

…ting

Reviewed-by: Vladimir Hasko <vladimirhasko@gmail.com>
---
 otc_sphinx_directives/navigator.py | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/otc_sphinx_directives/navigator.py b/otc_sphinx_directives/navigator.py
index 4567752..af1d6be 100644
--- a/otc_sphinx_directives/navigator.py
+++ b/otc_sphinx_directives/navigator.py
@@ -58,7 +58,7 @@ def navigator_html(self, node):
             f'<div class="card item-docsportal">'
             f'<div class="card-body">'
             f'<h5 class="card-title">{category_title}</h5></div>'
-            f'<ul class="list-group list-group-flush">'
+            f'<div class="card-services">'
         )
         for k, v in METADATA.services_with_docs_by_category(
                 category=category, environment=node['environment']).items():
@@ -72,19 +72,18 @@ def navigator_html(self, node):
                 link = doc.get("link")
                 img = v["service_type"]
                 data += (
-                    f'<li class="list-group-item"><a href="{link}">'
-                    f'<div class="row">'
-                    f'<div class="col-2">'
-                    f'<picture>'
-                    f'<source class="icon-svg" srcSet="_static/images/services/dark/{img}.svg" media="(prefers-color-scheme: dark)" />'
-                    f'<img class="icon-svg" src="_static/images/services/light/{img}.svg">'
-                    f'</picture>'
-                    f'</div>'
-                    f'<div class="col-10">{title}</div>'
-                    f'</div></a></li>'
+                    f'<div><a href="{link}" class="service-entries">'
+                    f'  <div class="">'
+                    f'      <picture>'
+                    f'          <source class="icon-svg" srcSet="_static/images/services/dark/{img}.svg" media="(prefers-color-scheme: dark)" />'
+                    f'          <img class="icon-svg" src="_static/images/services/light/{img}.svg">'
+                    f'      </picture>'
+                    f'  </div>'
+                    f'<div class="align-self-center">{title}</div>'
+                    f'</a></div>'
                 )
 
-        data += '</ul></div>'
+        data += '</div></div>'
 
     data += '</div>'