diff --git a/ldvspec/docker/docker-compose-dev-cd.yml b/ldvspec/docker/docker-compose-dev-cd.yml
index 877b3d15365fc564e49365114954a83a3a497beb..ab1560bafefb37c0a3f7e79f876ebb9848beb540 100644
--- a/ldvspec/docker/docker-compose-dev-cd.yml
+++ b/ldvspec/docker/docker-compose-dev-cd.yml
@@ -12,9 +12,9 @@ services:
     image: postgres:14
     container_name: ldv-spec-postgres
     expose:
+      - 5432
+    ports:
       - 12000:5432
-    #ports:
-    #  - "5432:5432"
     networks:
       - traefik_proxy
       - ldv_network
diff --git a/ldvspec/lofardata/templates/lofardata/base.html b/ldvspec/lofardata/templates/lofardata/base.html
index 6c0460fab601621354b8a880119454fd19b7b84b..b19e5fcea7982a304b2972488aeec9a3e030d791 100644
--- a/ldvspec/lofardata/templates/lofardata/base.html
+++ b/ldvspec/lofardata/templates/lofardata/base.html
@@ -14,6 +14,7 @@
     <!-- loads the path to static files -->
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
     <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
 
     <link rel="stylesheet" type="text/css" href="{% static 'lofardata/style.css' %}"/>
     <link rel="icon" href="{% static 'favicon.ico' %}">
diff --git a/ldvspec/lofardata/templates/lofardata/index.html b/ldvspec/lofardata/templates/lofardata/index.html
index 8f9800dc2dbe3f7002d2801f67d19ce6911244dc..80cf83703ca8dbfecc4d512372eb2ad4f43134ed 100644
--- a/ldvspec/lofardata/templates/lofardata/index.html
+++ b/ldvspec/lofardata/templates/lofardata/index.html
@@ -6,10 +6,16 @@
 <div class="container-fluid details-container">
 
     <div class="row">
-        <h5>atdb_host = {{ atdb_host }}</h5>
-        <h5>http://localhost:8000/ldvspec/lofardata/</h5>
+        <Table>
+            <tr>
+                <td>atdb_host</td><td>{{ atdb_host }}</td>
+            </tr>
+            <tr>
+                <td>lofardata api</td><td><a href="{% url 'lofardata' %}">{% url 'lofardata' %}</a></td>
+            </tr>
+        </Table>
     </div>
-    <p class="footer"> Version 1.0.0 (15 jul 2022 - 10:00)
+    <p class="footer"> Version 1.0.0 (15 jul 2022 - 11:00)
 
 </div>