From b7d58d5803d991db6a28c92e4962e35c43cda977 Mon Sep 17 00:00:00 2001
From: Tino Schr <tino.schreiber@t-systems.com>
Date: Wed, 14 Aug 2024 16:24:11 +0200
Subject: [PATCH] Change new cards (#257)

Change new cards

Reviewed-by: Vladimir Hasko <vladimirhasko@gmail.com>
---
 .../theme/otcdocs/static/css/otcdocstheme.css | 35 ++++++++++++++-----
 1 file changed, 26 insertions(+), 9 deletions(-)

diff --git a/otcdocstheme/theme/otcdocs/static/css/otcdocstheme.css b/otcdocstheme/theme/otcdocs/static/css/otcdocstheme.css
index f08a4644..242a4f77 100644
--- a/otcdocstheme/theme/otcdocs/static/css/otcdocstheme.css
+++ b/otcdocstheme/theme/otcdocs/static/css/otcdocstheme.css
@@ -1639,6 +1639,18 @@ select:-webkit-autofill:focus {
 
 .card-body {
   padding: 1rem;
+  border-bottom: 1px solid var(--telekom-color-background-surface-subtle);
+}
+
+@media (prefers-color-scheme: dark) {
+  .card-body {
+    border-bottom: 1px solid var(--telekom-color-ui-regular);
+  }
+}
+
+/* Fix behavior for SBV that there is no border under the card-body */
+.item-sbv .card-body {
+  border-bottom: none;
 }
 
 /* on large screen we want card to be approx of the same size */
@@ -1760,11 +1772,24 @@ select:-webkit-autofill:focus {
   flex-direction: column;
   flex-wrap: nowrap;
   align-content: flex-start;
-  gap: 0.5rem;
+}
+
+.card-services:last-child {
+  margin-bottom: 1rem;
+}
+
+.card-services>div {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem
+}
+
+.card-services>div:hover {
+  background: var(--telekom-color-background-surface-subtle);
 }
 
 .service-entries {
   padding-left: 1rem;
+  padding-right: 1rem;
 }
 
 .service-entries {
@@ -1775,14 +1800,6 @@ select:-webkit-autofill:focus {
   gap: 2rem;
 }
 
-.service-entries:hover {
-  background: var(--telekom-color-background-surface-subtle);
-}
-
-.card-services:last-child {
-  margin-bottom: 1rem;
-}
-
 .align-self-center {
   align-self: center;
 }