diff --git a/assets/css/style.scss b/assets/css/style.scss index 0bc91a3..a9a717f 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -613,16 +613,30 @@ select { .wm-form { @include subarticle-element; line-height: 1.5; - display: block; - @media screen and (max-width: $break1) { - text-align: center; + #wm-form { + display: flex; + #wm-source { + flex-grow: 1; + } + .action { + margin-left: 6px; + } + @media screen and (max-width: $break1) { + display: block; + text-align: center; + .action { + margin-left: inherit; + margin-top: 10px; + width: 100%; + } + } } - #wm-source { - width: 100%; - margin-bottom: 10px; - } - .description { - margin-bottom: 10px; + #anon-comment { + margin-top: 10px; + margin-bottom: 0px; + a { + text-decoration: underline; + } } } diff --git a/i18n/en.yaml b/i18n/en.yaml index ea290c0..cb1cbc3 100644 --- a/i18n/en.yaml +++ b/i18n/en.yaml @@ -43,6 +43,9 @@ - id: wmform_btn translation: "Send" +- id: anon_comment + translation: "You can also leave an anonymous comment." + - id: related translation: "Related" diff --git a/layouts/partials/webmentionform.html b/layouts/partials/webmentionform.html index bb07ae1..0b8f34e 100644 --- a/layouts/partials/webmentionform.html +++ b/layouts/partials/webmentionform.html @@ -2,12 +2,12 @@ {{- if not (.Param "indieweb.hidewmform") }} {{- if .Param "indieweb.endpoints.webmention" }}
-
-

- + + - +
+

{{ T "anon_comment" }}

{{- end }} {{- end }}