Enable word break in markdown content

app/scss/custom.scss

@@ -64,6 +64,10 @@ p, .content li {
 	line-height: 1.6em;
 }
 
+.markdown {
+	word-break: break-word;
+}
+
 pre code {
 	display: block;
 	border: 1px solid rgba(255, 255, 255, 0.1);

app/templates/base.html

@@ -6,7 +6,7 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<title>{% block title %}title{% endblock %} - {{ config.USER_APP_NAME }}</title>
 	<link rel="stylesheet" type="text/css" href="/static/libs/bootstrap.min.css">
-	<link rel="stylesheet" type="text/css" href="/static/custom.css?v=23">
+	<link rel="stylesheet" type="text/css" href="/static/custom.css?v=24">
 	<link rel="search" type="application/opensearchdescription+xml" href="/static/opensearch.xml" title="ContentDB" />
 	<link rel="shortcut icon" href="/favicon-16.png" sizes="16x16">
 	<link rel="icon" href="/favicon-128.png" sizes="128x128">

app/templates/macros/reviews.html

@@ -30,7 +30,7 @@
 							</a>
 						</div>
 
-						<div class="card-body">
+						<div class="card-body markdown">
 							{% if current_user == review.author %}
 								<a class="btn btn-primary btn-sm ml-1 float-right"
 										href="{{ review.package.getReviewURL() }}">

app/templates/macros/threads.html

@@ -16,6 +16,12 @@
 						{{ r.author.display_name }}
 					</a>
 
+					{% if r.author.username != r.author.display_name %}
+						<span class="text-muted small mr-2">
+							({{ r.author.username }})
+						</span>
+					{% endif %}
+
 					{% if r.author in thread.package.maintainers %}
 						<span class="badge badge-dark">
 							{{ _("Maintainer") }}
@@ -33,7 +39,7 @@
 					</a>
 				</div>
 
-				<div class="card-body">
+				<div class="card-body markdown">
 					{% if r.checkPerm(current_user, "DELETE_REPLY") %}
 						<a class="float-right btn btn-secondary btn-sm ml-2"
 								href="{{ url_for('threads.delete_reply', id=thread.id, reply=r.id) }}">

app/templates/packages/view.html

@@ -450,7 +450,9 @@
 			{% endfor %}
 		</ul>
 
-		{{ package.desc | markdown }}
+		<article class="markdown">
+			{{ package.desc | markdown }}
+		</article>
 
 		<div style="clear: both;"></div>
 

app/templates/threads/delete_reply.html

@@ -9,7 +9,7 @@
 		<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
 
 		<h3 class="card-header">Delete reply by {{ reply.author.display_name }}</h3>
-		<div class="card-body">
+		<div class="card-body markdown">
 			{{ reply.comment | markdown }}
 		</div>
 		<div class="card-body">

app/templates/threads/delete_thread.html

@@ -9,7 +9,7 @@
 		<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
 
 		<h3 class="card-header">{{ self.title() }}</h3>
-		<div class="card-body">
+		<div class="card-body markdown">
 			{{ thread.replies[0].comment | markdown }}
 		</div>
 		<div class="card-body">

app/templates/users/profile.html

@@ -29,6 +29,11 @@
 
 		<h1 class="ml-3 my-0 {{ user.rank.name }}">
 			{{ user.display_name }}
+			{% if user.username != user.display_name %}
+				<span class="text-muted small ml-2">
+					({{ user.username }})
+				</span>
+			{% endif %}
 		</h1>
 
 		<div class="info-row mx-0 mt-2 mb-0">