From e21677311cc513326ffbb4af957e0d47ab14d9f1 Mon Sep 17 00:00:00 2001
From: Hans-Christian Payer <hans@net-so.org>
Date: Tue, 13 Feb 2024 21:12:40 +0100
Subject: [PATCH] Design angepasst

---
 src/app/links/links.component.html | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/app/links/links.component.html b/src/app/links/links.component.html
index b97e72c..3b482b6 100644
--- a/src/app/links/links.component.html
+++ b/src/app/links/links.component.html
@@ -1,13 +1,19 @@
-
-<div class="card"  *ngFor="let link of linkList">
-  <a href="{{ link.link }}" target="_blank" class="card-link">
-    <img src="http://10.0.0.104:8055/assets/{{ link.bild }}?access_token={{ apiKey }}&width=200" alt=" {{ link.name }}" style="width:200px" >
-  </a>
-  <div class="card-body">
-    <h5 class="card-title"> {{ link.name }} </h5>
-    <p class="card-text">{{ link.beschreibung }}</p>
-
-    <a href="{{ link.link_zu_software }}" target="_blank" class="card-link">Website: {{ link.name }}</a>
+<div class="row row-cols-1 row-cols-md-3 g-4">
+  <div class="col" *ngFor="let link of linkList">
+    <div class="card h-100">
+      <h4 class="card-header">
+        {{ link.name }}
+      </h4>
+      <a href="{{ link.link }}" target="_blank" class="card-link">
+        <img src="http://10.0.0.104:8055/assets/{{ link.bild }}?access_token={{ apiKey }}&width=200" alt=" {{ link.name }}" style="width:100px" >
+      </a>
+      <div class="card-body">
+        <p class="card-text">{{ link.beschreibung }}</p>
+      </div>
+      <div class="card-footer text-body-secondary">
+         <a href="{{ link.link_zu_software }}" target="_blank" class="btn btn-outline-primary">Website: {{ link.name }}</a>
+      </div>
+    </div>
   </div>
 </div>