From 4634be6a05e17f4ab47b8e62f7969c7b0e1af3cb Mon Sep 17 00:00:00 2001
From: Anne Schuth <anne.schuth@rijksoverheid.nl>
Date: Mon, 21 Oct 2024 17:35:46 +0200
Subject: [PATCH] Icon + tekst for edit button

---
 amt/locale/base.pot                           |  31 +++---
 amt/locale/en_US/LC_MESSAGES/messages.mo      | Bin 451 -> 451 bytes
 amt/locale/en_US/LC_MESSAGES/messages.po      |  31 +++---
 amt/locale/nl_NL/LC_MESSAGES/messages.mo      | Bin 10765 -> 10766 bytes
 amt/locale/nl_NL/LC_MESSAGES/messages.po      |  37 +++---
 amt/site/templates/macros/editable.html.j2    | 105 +++++++++---------
 .../templates/projects/details_base.html.j2   |   3 +-
 amt/site/templates/projects/new.html.j2       |   2 +-
 8 files changed, 109 insertions(+), 100 deletions(-)

diff --git a/amt/locale/base.pot b/amt/locale/base.pot
index 3be6b69d..40600934 100644
--- a/amt/locale/base.pot
+++ b/amt/locale/base.pot
@@ -267,17 +267,18 @@ msgstr ""
 msgid "Algorithmic Management Toolkit (AMT)"
 msgstr ""
 
-#: amt/site/templates/macros/editable.html.j2:21
+#: amt/site/templates/macros/editable.html.j2:23
+#: amt/site/templates/macros/editable.html.j2:26
 #: amt/site/templates/projects/details_requirements.html.j2:55
 msgid "Edit"
 msgstr ""
 
-#: amt/site/templates/macros/editable.html.j2:58
+#: amt/site/templates/macros/editable.html.j2:62
 #: amt/site/templates/projects/details_measure_modal.html.j2:84
 msgid "Save"
 msgstr ""
 
-#: amt/site/templates/macros/editable.html.j2:63
+#: amt/site/templates/macros/editable.html.j2:67
 #: amt/site/templates/projects/details_measure_modal.html.j2:88
 msgid "Cancel"
 msgstr ""
@@ -295,10 +296,10 @@ msgid "Reviewing"
 msgstr ""
 
 #: amt/site/templates/macros/tasks.html.j2:32
-#: amt/site/templates/projects/details_base.html.j2:28
-#: amt/site/templates/projects/details_base.html.j2:54
-#: amt/site/templates/projects/details_base.html.j2:83
-#: amt/site/templates/projects/details_base.html.j2:106
+#: amt/site/templates/projects/details_base.html.j2:29
+#: amt/site/templates/projects/details_base.html.j2:55
+#: amt/site/templates/projects/details_base.html.j2:84
+#: amt/site/templates/projects/details_base.html.j2:107
 msgid "Done"
 msgstr ""
 
@@ -448,28 +449,28 @@ msgstr ""
 msgid "Select publication category"
 msgstr ""
 
-#: amt/site/templates/projects/details_base.html.j2:25
+#: amt/site/templates/projects/details_base.html.j2:26
 msgid "Does the algorithm meet the requirements?"
 msgstr ""
 
-#: amt/site/templates/projects/details_base.html.j2:50
-#: amt/site/templates/projects/details_base.html.j2:104
+#: amt/site/templates/projects/details_base.html.j2:51
+#: amt/site/templates/projects/details_base.html.j2:105
 msgid "To do"
 msgstr ""
 
-#: amt/site/templates/projects/details_base.html.j2:52
+#: amt/site/templates/projects/details_base.html.j2:53
 msgid "In progress"
 msgstr ""
 
-#: amt/site/templates/projects/details_base.html.j2:69
+#: amt/site/templates/projects/details_base.html.j2:70
 msgid "Go to all requirements"
 msgstr ""
 
-#: amt/site/templates/projects/details_base.html.j2:80
+#: amt/site/templates/projects/details_base.html.j2:81
 msgid "Which instruments are executed?"
 msgstr ""
 
-#: amt/site/templates/projects/details_base.html.j2:121
+#: amt/site/templates/projects/details_base.html.j2:122
 msgid "Go to all instruments"
 msgstr ""
 
@@ -601,7 +602,7 @@ msgid "Algorithm System name"
 msgstr ""
 
 #: amt/site/templates/projects/new.html.j2:26
-msgid "Your algorithm system name here"
+msgid "Name of the algorithm system"
 msgstr ""
 
 #: amt/site/templates/projects/new.html.j2:39
diff --git a/amt/locale/en_US/LC_MESSAGES/messages.mo b/amt/locale/en_US/LC_MESSAGES/messages.mo
index e81e8679898917f1d78df7467f98cb9ff3d8c4dc..96833d06b9c75f348dcfb9c5eeae7b578211b54e 100644
GIT binary patch
delta 60
zcmX@ie3*H{L?a^wLnA8#V{HQ?0|TxAf8C(evdrSl{5)Nk#FA7i1p@;ELtQWeGOY{@
Lv<(av9%cjp1WXVx

delta 60
zcmX@ie3*H{L?Z(QBLgcVGi?JS0|TxAf8C(evdrSl{5)Nk#FA7iprnzBu7SC(k*R`_
Np_PFlP~F1Ai~t4-5K906

diff --git a/amt/locale/en_US/LC_MESSAGES/messages.po b/amt/locale/en_US/LC_MESSAGES/messages.po
index 7545cfd8..d1371da5 100644
--- a/amt/locale/en_US/LC_MESSAGES/messages.po
+++ b/amt/locale/en_US/LC_MESSAGES/messages.po
@@ -268,17 +268,18 @@ msgstr ""
 msgid "Algorithmic Management Toolkit (AMT)"
 msgstr ""
 
-#: amt/site/templates/macros/editable.html.j2:21
+#: amt/site/templates/macros/editable.html.j2:23
+#: amt/site/templates/macros/editable.html.j2:26
 #: amt/site/templates/projects/details_requirements.html.j2:55
 msgid "Edit"
 msgstr ""
 
-#: amt/site/templates/macros/editable.html.j2:58
+#: amt/site/templates/macros/editable.html.j2:62
 #: amt/site/templates/projects/details_measure_modal.html.j2:84
 msgid "Save"
 msgstr ""
 
-#: amt/site/templates/macros/editable.html.j2:63
+#: amt/site/templates/macros/editable.html.j2:67
 #: amt/site/templates/projects/details_measure_modal.html.j2:88
 msgid "Cancel"
 msgstr ""
@@ -296,10 +297,10 @@ msgid "Reviewing"
 msgstr ""
 
 #: amt/site/templates/macros/tasks.html.j2:32
-#: amt/site/templates/projects/details_base.html.j2:28
-#: amt/site/templates/projects/details_base.html.j2:54
-#: amt/site/templates/projects/details_base.html.j2:83
-#: amt/site/templates/projects/details_base.html.j2:106
+#: amt/site/templates/projects/details_base.html.j2:29
+#: amt/site/templates/projects/details_base.html.j2:55
+#: amt/site/templates/projects/details_base.html.j2:84
+#: amt/site/templates/projects/details_base.html.j2:107
 msgid "Done"
 msgstr ""
 
@@ -449,28 +450,28 @@ msgstr ""
 msgid "Select publication category"
 msgstr ""
 
-#: amt/site/templates/projects/details_base.html.j2:25
+#: amt/site/templates/projects/details_base.html.j2:26
 msgid "Does the algorithm meet the requirements?"
 msgstr ""
 
-#: amt/site/templates/projects/details_base.html.j2:50
-#: amt/site/templates/projects/details_base.html.j2:104
+#: amt/site/templates/projects/details_base.html.j2:51
+#: amt/site/templates/projects/details_base.html.j2:105
 msgid "To do"
 msgstr ""
 
-#: amt/site/templates/projects/details_base.html.j2:52
+#: amt/site/templates/projects/details_base.html.j2:53
 msgid "In progress"
 msgstr ""
 
-#: amt/site/templates/projects/details_base.html.j2:69
+#: amt/site/templates/projects/details_base.html.j2:70
 msgid "Go to all requirements"
 msgstr ""
 
-#: amt/site/templates/projects/details_base.html.j2:80
+#: amt/site/templates/projects/details_base.html.j2:81
 msgid "Which instruments are executed?"
 msgstr ""
 
-#: amt/site/templates/projects/details_base.html.j2:121
+#: amt/site/templates/projects/details_base.html.j2:122
 msgid "Go to all instruments"
 msgstr ""
 
@@ -602,7 +603,7 @@ msgid "Algorithm System name"
 msgstr ""
 
 #: amt/site/templates/projects/new.html.j2:26
-msgid "Your algorithm system name here"
+msgid "Name of the algorithm system"
 msgstr ""
 
 #: amt/site/templates/projects/new.html.j2:39
diff --git a/amt/locale/nl_NL/LC_MESSAGES/messages.mo b/amt/locale/nl_NL/LC_MESSAGES/messages.mo
index 58dfd39e7f1bdddf61f5bfe3fdc3f42ed03e97ab..0a6bd48973906e4314fc0954fc26c7d7f8acab45 100644
GIT binary patch
delta 1863
zcmZY9TWAzl9LMpKY_49a(YQ(6sH5=~V`LIrFRS&TXw--?+K5<)aj9cAk~KA10`)d3
z!E5!wpdx6C4?#siVd8_fVoNQh1<@2lQ4uY)7FwwaY9&GZ{<5b}!ZM$8&di+u|NPIH
zJy>_B?qYYkUu=x&%QI#e7I6vTRLn;g({Tar!9_R(Z(#vG!om0-@-tb(jTwYR=-@;g
zg9|YS8*wXsfdldBaO0cNG~O^U6bp$eOHm0#xhUW=)C3Kv3F9~b_gXtqfxpIFJck*0
z$$AAf&o$KiH!*^b@_l3G(CA}e3C<e9DzF2U;Q`FVV_1@A%t;K>|A9*b-bIRMW>F43
zSB(l>Yh8&-=rhd5b*Sf>aU{0-G?d9f)XL7Hw%`}*4b)0|P!m6}<Bze5{vW7Brxw~o
zP+L}QU5Z*zEh>Rks014D2n+H(8r2N+7Ns7jBCW5uQG;6PeX=XT7x)2&IWRgi6S(O9
zC#bz&jjBYm9p7#}V(*{FaooR#gfhRU^i3ZPcEN;48M6kD;z#(>TE+p<-p5b@HlRwn
z6}9r+wtpCv&<WcQP>EkfRrWC|a2g$^HWAEF<k>VF2Ik?X*nm1r0V>e<sM7t43iumN
z!iTn><)jiEhAMRgIZkFAs?;-)^KCvxjW0)S`Ff1{G<MM_#jB_cpP*KfHa7K{72=2V
zT~q=dvTJ4&>bd<m15cs0=q@Vo6I9@*sLwQw`s@86sIwG7UoSc|wBl8$(yYS?xC_VQ
z89ROhwZgwq6TCoe$!pa6xzt+$!>BErVx5kv<Xlw3Rj35(OQ^px`kVokrUf-|2eMse
zAL{g<LA?+l2i{!95cc3vyp0OnOtz}b4%CW|qsC98;(UwK@Mm=J)p+W!%nDfU9vq7b
zcozAYZZ3TC<{s(~<QZy0GcmQ2e9WX<h8zb|feN%7HBUWi{<!V8q7vVR*|^iEkwIf0
zsx*gCThN6|@kgw|yh*9juSJ!*5fwOzUAP&Qs56;hI0IGDZ!jCXt>2+O*XyXW;@_c>
zL*q}(!hcaKd4(!<n3G9$%`{BM6{rbUqAF64dOv|$NINdZEvQQTgj!e+YUO{Sp8E%L
zmCJJ)DpfCP;;dkH?)98VEa5pV>z!oWb7IYnEv-$-c*1G>vMuQ)g5JDKnVq)^`YJ1(
zipr=vz09q2-2t`B%2#;pO>Ipr8_Va%l3vttUALmV|3@?Gx@E2#ye(W98c`FACH|k5
rIQ`Rlon6Iaf=$KeLcwS!9vapEOnYpj6ZewuJsWhCT*&OKE4};<4_4YB

delta 1829
zcmXZcU2Ke59LMpa)9G}!rOQ+eZFy`hMamfU(l%TWq!ll#BcTMtKIw?QY)UnRJQ|@l
z2qs>W-9)1yVJ#k;NL{L%4bqFc*sPbECf+WH5Xq|Y{bf!vc|PZyK6C#6^FROTiNx{5
z%{y7%7-P)PXk!9cz@!i(n1$uog)^}LeH@4PaU}kSe9UVe`8b3Qh9kyI!Wo#0b$9^l
zF%SE3B0h~6&-}>X3kx!z=t`iJhXTe?8!SO>xDtQBUDmy*z?~Sz6PS(Xt-qu8=|=5;
z8;kKi*5Hdmk4+gAk2NL-8&MgyU=a6X*$86}VG;AoJhtLJq-ds?a_GGZRN%SRg{XuU
zVF*{C-dlqca6KxK-#i97*)h}=T(|R^cHWOV@c=5o3%fpu%bCAIB|JNtNvH;Ob*rpv
zQ3tC>CDMROWILYWU|xzr9Sg(bGcVMV-ZB303+lwrNwW+;;V2wmVhkTs&O`HMs2)h5
zD$<Dh-ahL|`}ZsO6YIT5DDy0%XFfCF7R=~UW47QaoQLnNQ|T1-z-Ckc7ggF0)X6*T
z{5UG`IXl0BO8hRW!cS3whmfsJ5sTT1T*<&;p$hA<0o7DDP=W5DO7{R2@DWbKf9-sP
zlSy!-wFv1iGYM7dN~FI{HEMk|>h5=7wa36?FdchQ84jXOGK^fW89SLxumY99cI4Jf
z3+lZtoR5E?uH*?S@E|Ji8`RHr81?;p?m@j2MNeNWWuOx$P^C%Y&*<S4?6K?rpql9w
zYJ+#EEBT1}eh&3kzzFKfrdeaCN>-r~UW!Vvp^W+~qirmxG)<_DJ5gPK)V_EMRf%&L
zz`yV;`lx_)WT}d5L7lV%wSEM({{@_dJ?P*7DxptPsDBrOZ!9Qa7suAgPxIg>Z|<W0
zfjmZS_#AbD4;aMo)J$^~paRWC?Nfsau-wkqq7vVP>ZPrijg1}yZP<h={b5{%mvA+{
z!yH^p$En22P=VKB4{ksuI*chSEYDQ(AcmNqwq8X2OuJD%@;Bz9*T+Bs9w7~F22iE`
zh*a0))0tTqLkH)gHcp@_vl(--33Z}&ti}DPiu9ol*pI5fOVoRBF|3^4Gf>I?M{OMR
ztHOP`{)91pFlS?Hdz+I?-^wctIw`l!O+Os>H57B=vFiBzbbmA&iO1rV6|n^s@p(>s
zPIYX~%vjw25?v8UZ_5jXn%!N=U){F!wUUYc-jZv9EVsp<?4$zz)v`Z>PF-tzhm&k-
fY;D`Qr`dIO@7uk{b(@`*WU|>w?c{5T>Al|p__xgU

diff --git a/amt/locale/nl_NL/LC_MESSAGES/messages.po b/amt/locale/nl_NL/LC_MESSAGES/messages.po
index 23b10d08..7cd30964 100644
--- a/amt/locale/nl_NL/LC_MESSAGES/messages.po
+++ b/amt/locale/nl_NL/LC_MESSAGES/messages.po
@@ -276,17 +276,18 @@ msgstr "Er is een fout opgetreden. Probeer het later opnieuw."
 msgid "Algorithmic Management Toolkit (AMT)"
 msgstr "Algoritme Management Toolkit (AMT)"
 
-#: amt/site/templates/macros/editable.html.j2:21
+#: amt/site/templates/macros/editable.html.j2:23
+#: amt/site/templates/macros/editable.html.j2:26
 #: amt/site/templates/projects/details_requirements.html.j2:55
 msgid "Edit"
-msgstr "Bewerken"
+msgstr "Bewerk"
 
-#: amt/site/templates/macros/editable.html.j2:58
+#: amt/site/templates/macros/editable.html.j2:62
 #: amt/site/templates/projects/details_measure_modal.html.j2:84
 msgid "Save"
 msgstr "Opslaan"
 
-#: amt/site/templates/macros/editable.html.j2:63
+#: amt/site/templates/macros/editable.html.j2:67
 #: amt/site/templates/projects/details_measure_modal.html.j2:88
 msgid "Cancel"
 msgstr "Annuleren"
@@ -304,10 +305,10 @@ msgid "Reviewing"
 msgstr "Beoordelen"
 
 #: amt/site/templates/macros/tasks.html.j2:32
-#: amt/site/templates/projects/details_base.html.j2:28
-#: amt/site/templates/projects/details_base.html.j2:54
-#: amt/site/templates/projects/details_base.html.j2:83
-#: amt/site/templates/projects/details_base.html.j2:106
+#: amt/site/templates/projects/details_base.html.j2:29
+#: amt/site/templates/projects/details_base.html.j2:55
+#: amt/site/templates/projects/details_base.html.j2:84
+#: amt/site/templates/projects/details_base.html.j2:107
 msgid "Done"
 msgstr "Afgerond"
 
@@ -467,28 +468,28 @@ msgstr "Selecteer levenscyclus"
 msgid "Select publication category"
 msgstr "Selecteer publicatiecategorie"
 
-#: amt/site/templates/projects/details_base.html.j2:25
+#: amt/site/templates/projects/details_base.html.j2:26
 msgid "Does the algorithm meet the requirements?"
 msgstr "Voldoet het algoritme aan de vereisten?"
 
-#: amt/site/templates/projects/details_base.html.j2:50
-#: amt/site/templates/projects/details_base.html.j2:104
+#: amt/site/templates/projects/details_base.html.j2:51
+#: amt/site/templates/projects/details_base.html.j2:105
 msgid "To do"
 msgstr "Te doen"
 
-#: amt/site/templates/projects/details_base.html.j2:52
+#: amt/site/templates/projects/details_base.html.j2:53
 msgid "In progress"
 msgstr "Onderhanden"
 
-#: amt/site/templates/projects/details_base.html.j2:69
+#: amt/site/templates/projects/details_base.html.j2:70
 msgid "Go to all requirements"
 msgstr "Ga naar alle Vereisten"
 
-#: amt/site/templates/projects/details_base.html.j2:80
+#: amt/site/templates/projects/details_base.html.j2:81
 msgid "Which instruments are executed?"
 msgstr "Welke instrumenten zijn uitgevoerd?"
 
-#: amt/site/templates/projects/details_base.html.j2:121
+#: amt/site/templates/projects/details_base.html.j2:122
 msgid "Go to all instruments"
 msgstr "Ga naar all instrumenten"
 
@@ -619,11 +620,11 @@ msgstr "Creëer een Algoritme Systeem"
 
 #: amt/site/templates/projects/new.html.j2:23
 msgid "Algorithm System name"
-msgstr "Algoritmekader"
+msgstr "Naam algoritme systeem"
 
 #: amt/site/templates/projects/new.html.j2:26
-msgid "Your algorithm system name here"
-msgstr "Jouw algoritme systeem naam hier"
+msgid "Name of the algorithm system"
+msgstr "Naam van het algoritme systeem"
 
 #: amt/site/templates/projects/new.html.j2:39
 msgid "Select the lifecycle your algorithm system is currently in."
diff --git a/amt/site/templates/macros/editable.html.j2 b/amt/site/templates/macros/editable.html.j2
index aa3353d4..bfcc5640 100644
--- a/amt/site/templates/macros/editable.html.j2
+++ b/amt/site/templates/macros/editable.html.j2
@@ -14,57 +14,62 @@
                 {{ value }}
             {% endif %}
         {% endif %}
-        <span class="utrecht-icon rvo-icon rvo-icon-bewerken rvo-icon--sm"
+        <span class="rvo-link rvo-link--hover rvo-link--with-icon"
               hx-get="edit/{{ field_path | replace('.', '/') }}"
               hx-swap="outerHTML"
-              role="img"
-              aria-label="{% trans %}Edit{% endtrans %}"
-              style="cursor: pointer"></span>
-    </span>
-{% endmacro %}
-{% macro edit(obj, field_path) %}
-    <span hx-target="this">
-        <form hx-put="update/{{ field_path | replace('.', '/') }}"
-              hx-ext="json-enc"
-              hx-headers='{"X-CSRF-Token": "{{ csrftoken }}"}'
-              hx-swap="outerHTML">
-            <div class="rvo-layout-grid-container">
-                <div class="rvo-layout-grid rvo-layout-gap--md rvo-layout-grid-columns--two rvo-layout-grid-layout--1fr">
-                    <div>
-                        {% set value = nested_value(obj, field_path) %}
-                        {% if is_nested_enum(obj, field_path) %}
-                            <div class="rvo-select-wrapper">
-                                <select id="field"
-                                        name="value"
-                                        class="utrecht-select utrecht-select--html-select">
-                                    {% for e in nested_enum(obj, field_path, language) %}
-                                        <option value="{{ e.value }}"
-                                                {% if e.value == value %}selected="selected"{% endif %}>
-                                            {{ e.display_value }}
-                                        </option>
-                                    {% endfor %}
-                                </select>
-                            </div>
-                        {% else %}
-                            <input type="text"
-                                   name="value"
-                                   value="{{ value }}"
-                                   class="utrecht-textbox utrecht-textbox--html-input" />
-                        {% endif %}
-                    </div>
-                    <div>
-                        <button type="submit"
-                                class="utrecht-button utrecht-button--primary-action utrecht-button--rvo-md">
-                            {% trans %}Save{% endtrans %}
-                        </button>
-                        <button hx-get="cancel/{{ field_path | replace('.', '/') }}"
-                                hx-swap="outerHTML"
-                                class="utrecht-button utrecht-button--secondary-action utrecht-button-group__align-right utrecht-button--rvo-md">
-                            {% trans %}Cancel{% endtrans %}
-                        </button>
+              style="cursor: pointer;
+                     float:right">
+            <span class="utrecht-icon rvo-icon rvo-icon-bewerken rvo-icon--md rvo-icon--hemelblauw"
+                  role="img"
+                  aria-label="{% trans %}Edit{% endtrans %}"></span> <a class="rvo-link"
+    href="#"
+    style="font-size: 14px !important;
+           color: rgb(0, 123, 199) !important">{% trans %}Edit{% endtrans %}</a>
+        </span>
+    {% endmacro %}
+    {% macro edit(obj, field_path) %}
+        <span hx-target="this">
+            <form hx-put="update/{{ field_path | replace('.', '/') }}"
+                  hx-ext="json-enc"
+                  hx-headers='{"X-CSRF-Token": "{{ csrftoken }}"}'
+                  hx-swap="outerHTML">
+                <div class="rvo-layout-grid-container">
+                    <div class="rvo-layout-grid rvo-layout-gap--md rvo-layout-grid-columns--two rvo-layout-grid-layout--1fr">
+                        <div>
+                            {% set value = nested_value(obj, field_path) %}
+                            {% if is_nested_enum(obj, field_path) %}
+                                <div class="rvo-select-wrapper">
+                                    <select id="field"
+                                            name="value"
+                                            class="utrecht-select utrecht-select--html-select">
+                                        {% for e in nested_enum(obj, field_path, language) %}
+                                            <option value="{{ e.value }}"
+                                                    {% if e.value == value %}selected="selected"{% endif %}>
+                                                {{ e.display_value }}
+                                            </option>
+                                        {% endfor %}
+                                    </select>
+                                </div>
+                            {% else %}
+                                <input type="text"
+                                       name="value"
+                                       value="{{ value }}"
+                                       class="utrecht-textbox utrecht-textbox--html-input" />
+                            {% endif %}
+                        </div>
+                        <div>
+                            <button type="submit"
+                                    class="utrecht-button utrecht-button--primary-action utrecht-button--rvo-md">
+                                {% trans %}Save{% endtrans %}
+                            </button>
+                            <button hx-get="cancel/{{ field_path | replace('.', '/') }}"
+                                    hx-swap="outerHTML"
+                                    class="utrecht-button utrecht-button--secondary-action utrecht-button-group__align-right utrecht-button--rvo-md">
+                                {% trans %}Cancel{% endtrans %}
+                            </button>
+                        </div>
                     </div>
                 </div>
-            </div>
-        </form>
-    </span>
-{% endmacro %}
+            </form>
+        </span>
+    {% endmacro %}
diff --git a/amt/site/templates/projects/details_base.html.j2 b/amt/site/templates/projects/details_base.html.j2
index 0aac5194..c3eb6d80 100644
--- a/amt/site/templates/projects/details_base.html.j2
+++ b/amt/site/templates/projects/details_base.html.j2
@@ -1,4 +1,5 @@
 {% extends 'layouts/base.html.j2' %}
+{% from "macros/editable.html.j2" import editable with context %}
 {% block title %}{{ project.name }} | AMT{% endblock %}
 {% block content %}
     <div id="measure-modal" class="minbzk-modal display-none">
@@ -10,7 +11,7 @@
     </div>
     <div class="rvo-max-width-layout rvo-max-width-layout--md rvo-max-width-layout-inline-padding--none">
         <div class="rvo-content">
-            <h1 class="utrecht-heading-1">{{ project.name }}</h1>
+            <h1 class="utrecht-heading-1">{{ editable(project, "name") }}</h1>
         </div>
         <!-- Requirements Widget -->
         <div class="rvo-layout-grid-container">
diff --git a/amt/site/templates/projects/new.html.j2 b/amt/site/templates/projects/new.html.j2
index cbf11a0e..d6cf3037 100644
--- a/amt/site/templates/projects/new.html.j2
+++ b/amt/site/templates/projects/new.html.j2
@@ -23,7 +23,7 @@
                                     <label class="rvo-label rvo-label--required">{% trans %}Algorithm System name{% endtrans %}</label>
                                 </div>
                                 <input id="name"
-                                       placeholder="{% trans %}Your algorithm system name here{% endtrans %}"
+                                       placeholder="{% trans %}Name of the algorithm system{% endtrans %}"
                                        name="name"
                                        type="text"
                                        class="utrecht-textbox utrecht-textbox--html-input"