Fix admin styles for comment suggestions.

admin/base.html

@@ -22,7 +22,7 @@
 				</div>
 				<nav class="eight columns nav">
 					<a href="" @click.prevent="onNewEntry">Add new</a>
-					<a href="pending">Pending</a>
+					<a href="/admin/pending">Pending</a>
 				</nav>
 			</div>
 		</header>

admin/pending.html

@@ -50,7 +50,7 @@ <h3>
 							</p>
 							<template x-if="`${e.id}-${r.id}` in comments" x-data="{ c: comments[`${e.id}-${r.id}`]}">
 								<div class="comments">
-									<div x-text="c.comments"></div>
+									<pre x-text="c.comments"></pre>
 									<button class="button-outline button-small" @click.prevent="onClearComments(c.id)">Clear</button>
 								</div>
 							</template>

admin/static/main.js

@@ -187,9 +187,12 @@ function searchResultsComponent(typ) {
 			this.api('entries.search', '/entries/comments').then((data) => {
 				let out = {};
 
+				const r = new RegExp("\n+", "gm");
+
 				// Create a from_id-to_id lookup map that can be used in
 				// the UI to show comments.
 				data.forEach((d) => {
+					d.comments = d.comments.replace(r, "\n");
 					if (d.to_id) {
 						out[`${d.from_id}-${d.to_id}`] = d;
 					} else {

admin/static/style.css

@@ -248,6 +248,9 @@ form .help {
 		padding: 15px;
 		margin: 10px 0 10px 30px;
 	}
+	.entries .comments pre {
+		margin: 0 0 15px 0;
+	}
 	.entries .meta {
 		font-weight: normal;
 		color: var(--light);

cmd/dictpress/submit.go

@@ -157,6 +157,10 @@ func handleNewComments(c echo.Context) error {
 		return echo.NewHTTPError(http.StatusBadRequest, "Invalid `from_guid`.")
 	}
 
+	if len(s.Comments) > 1000 {
+		return echo.NewHTTPError(http.StatusBadRequest, "Comments are too big.")
+	}
+
 	if err := app.data.InsertComments(s.FromGUID, s.ToGUID, s.Comments); err != nil {
 		app.logger.Printf("error inserting change submission: %v", err)
 		return echo.NewHTTPError(http.StatusInternalServerError,