From 9a171a7a686eaa686c04ee41033d80157a1badf6 Mon Sep 17 00:00:00 2001
From: Steven Bal <steven@maykinmedia.nl>
Date: Thu, 26 Oct 2023 10:47:46 +0200
Subject: [PATCH] :ok_hand: [#1796] Process PR feedback

---
 src/open_inwoner/openzaak/admin.py                  |  7 +++++--
 src/open_inwoner/scss/components/Card/Card.scss     | 13 +++++++++++--
 .../templates/pages/cases/status_inner.html         |  4 ++--
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/open_inwoner/openzaak/admin.py b/src/open_inwoner/openzaak/admin.py
index 14c6fed5e6..54b4e35b3d 100644
--- a/src/open_inwoner/openzaak/admin.py
+++ b/src/open_inwoner/openzaak/admin.py
@@ -1,7 +1,7 @@
 from django.contrib import admin, messages
 from django.core.exceptions import ValidationError
 from django.db.models import BooleanField, Count, ExpressionWrapper, Q
-from django.forms import ModelForm
+from django.forms import ModelForm, Textarea
 from django.forms.models import BaseInlineFormSet
 from django.utils.translation import gettext_lazy as _, ngettext
 
@@ -165,7 +165,10 @@ class ZaakTypeStatusTypeConfigInlineAdminForm(ModelForm):
     class Meta:
         model = ZaakTypeStatusTypeConfig
         fields = "__all__"
-        widgets = {"document_upload_description": CKEditorWidget}
+        widgets = {
+            "document_upload_description": CKEditorWidget,
+            "status_indicator_text": Textarea(attrs={"cols": 40, "rows": 10}),
+        }
 
 
 class ZaakTypeStatusTypeConfigInline(admin.TabularInline):
diff --git a/src/open_inwoner/scss/components/Card/Card.scss b/src/open_inwoner/scss/components/Card/Card.scss
index 9e6ce72acc..a1cb606640 100644
--- a/src/open_inwoner/scss/components/Card/Card.scss
+++ b/src/open_inwoner/scss/components/Card/Card.scss
@@ -20,8 +20,17 @@
   }
 
   &--info {
-    background-color: $color-info;
-    color: $color-info-dark;
+    background-color: var(--color-info-lighter);
+    color: var(--color-info-darker);
+    border: 0;
+
+    & .document-upload-description__text {
+      margin-top: 0.15em;
+
+      & * {
+        margin: 0;
+      }
+    }
   }
 
   &--stretch {
diff --git a/src/open_inwoner/templates/pages/cases/status_inner.html b/src/open_inwoner/templates/pages/cases/status_inner.html
index 3f6b357039..df50b99f36 100644
--- a/src/open_inwoner/templates/pages/cases/status_inner.html
+++ b/src/open_inwoner/templates/pages/cases/status_inner.html
@@ -55,9 +55,9 @@ <h2 class="h2" id=>{% trans "Document uploaden" %}</h2>
 
                 <div class="card card--compact card--info">
                     <div class="card__body document-upload-description">
-                        <p>{% icon icon="info" icon_position="after" extra_classes="icon--info" %}</p>
+                        {% icon icon="info" icon_position="after" extra_classes="icon--info" outlined=True %}
 
-                        <div>{{ case.case_type_document_upload_description|markdown|safe }}</div>
+                        <div class="document-upload-description__text">{{ case.case_type_document_upload_description|markdown|safe }}</div>
                     </div>
                 </div>