From a4d2aa38e178238b2f6571663aae89933401fd4a Mon Sep 17 00:00:00 2001
From: Felix Rindt <felix@rindt.me>
Date: Wed, 31 Jan 2024 11:23:23 +0100
Subject: [PATCH] fix border

---
 ephios/core/templates/core/notification_list.html | 6 +++---
 ephios/static/ephios/scss/ephios_custom.scss      | 8 ++++++--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/ephios/core/templates/core/notification_list.html b/ephios/core/templates/core/notification_list.html
index 147178c3c..9c48d98d4 100644
--- a/ephios/core/templates/core/notification_list.html
+++ b/ephios/core/templates/core/notification_list.html
@@ -11,9 +11,9 @@ <h1 class="page-header clearfix">
             </a>
         </small>
     </h1>
-    <ul class="list-group mb-3">
+    <ul class="list-group mb-3" id="notification-list">
         {% for notification in notification_list %}
-            <li class="list-group-item {% if not notification.read and not notification.is_obsolete %}unread-notification{% endif %}">
+            <li class="list-group-item {% if not notification.read and not notification.is_obsolete %}unread{% else %}text-body-secondary{% endif %}">
                 <div class="row mb-1">
                     <div class="col">
                         <small class="text-body-secondary">{{ notification.created_at|date:"d.m.Y H:i" }}</small>
@@ -34,7 +34,7 @@ <h6 class="fw-bold">
                     </div>
                     <div class="col">
                         {% for label, url in notification.get_actions %}
-                            <a class="btn btn-secondary btn-sm" href="{{ url }}">{{ label }}</a>
+                            <a class="btn btn-sm {% if not notification.read and not notification.is_obsolete %}btn-secondary{% else %}btn-outline-secondary{% endif %}" href="{{ url }}">{{ label }}</a>
                         {% endfor %}
                     </div>
                 </div>
diff --git a/ephios/static/ephios/scss/ephios_custom.scss b/ephios/static/ephios/scss/ephios_custom.scss
index dfac15a9b..de6763aba 100644
--- a/ephios/static/ephios/scss/ephios_custom.scss
+++ b/ephios/static/ephios/scss/ephios_custom.scss
@@ -267,7 +267,11 @@ a.badge {
   padding-bottom: 1rem;
 }
 
-.unread-notification {
-  border-left-color: $primary;
+#notification-list li {
   border-left-width: 0.5rem;
+
+  &.unread {
+    border-left-color: $primary;
+  }
 }
+