From 6501060730d7b609643268a903f1a2c1e719204a Mon Sep 17 00:00:00 2001
From: Eike Kettner <eike.kettner@posteo.de>
Date: Sat, 23 May 2020 20:09:21 +0200
Subject: [PATCH] Make notes more prominent. Fix heading in mail form

---
 modules/webapp/src/main/elm/Comp/ItemDetail.elm | 10 +++++-----
 modules/webapp/src/main/webjar/docspell.css     |  3 +++
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/modules/webapp/src/main/elm/Comp/ItemDetail.elm b/modules/webapp/src/main/elm/Comp/ItemDetail.elm
index 901558f4..5a883321 100644
--- a/modules/webapp/src/main/elm/Comp/ItemDetail.elm
+++ b/modules/webapp/src/main/elm/Comp/ItemDetail.elm
@@ -1327,7 +1327,7 @@ renderNotes model =
                     span [ class "hidden invisible" ] []
 
                 Just str ->
-                    div [ class "ui segment" ]
+                    div [ class "ui raised segment item-notes-display" ]
                         [ Markdown.toHtml [ class "item-notes" ] str
                         , a
                             [ class "ui left corner label"
@@ -1903,7 +1903,10 @@ renderMailForm model =
             , ( "invisible hidden", not model.mailOpen )
             ]
         ]
-        [ div
+        [ h4 [ class "ui header" ]
+            [ text "Send this item via E-Mail"
+            ]
+        , div
             [ classList
                 [ ( "ui dimmer", True )
                 , ( "active", model.mailSending )
@@ -1913,9 +1916,6 @@ renderMailForm model =
                 [ text "Sending …"
                 ]
             ]
-        , h4 [ class "ui header" ]
-            [ text "Send this item via E-Mail"
-            ]
         , Html.map ItemMailMsg (Comp.ItemMail.view model.itemMail)
         , div
             [ classList
diff --git a/modules/webapp/src/main/webjar/docspell.css b/modules/webapp/src/main/webjar/docspell.css
index 2c9c204d..ff0e3f8f 100644
--- a/modules/webapp/src/main/webjar/docspell.css
+++ b/modules/webapp/src/main/webjar/docspell.css
@@ -70,6 +70,9 @@
 .default-layout .ui.segment .item-notes {
     padding: 0 1em;
 }
+.default-layout .ui.segment.item-notes-display {
+    background: rgba(246, 255, 158, 0.4);
+}
 
 .default-layout .extracted-text {
     font-family: monospace;