diff options
| author | Vincent Ambo <tazjin@gmail.com> | 2018-04-16T11·33+0200 |
|---|---|---|
| committer | Vincent Ambo <tazjin@gmail.com> | 2018-04-16T11·33+0200 |
| commit | 9bc5bbff54faf5bbc29e8cc059784735e830cb01 (patch) | |
| tree | 7d417724ab302e71f61b3a011c27cd2da3626ba1 | |
| parent | 9c2359c8c9ba07b4449c7a47612bbed505e35de4 (diff) | |
fix(templates): Fix alignment of columns in thread view
The author column is maybe slightly too large now, but that can be sorted out later.
| -rw-r--r-- | templates/thread.html | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/templates/thread.html b/templates/thread.html index 8c7678cf2600..5245adf99e85 100644 --- a/templates/thread.html +++ b/templates/thread.html @@ -22,20 +22,20 @@ <div class="container"> <div class="list-group d-flex flex-column"> - <div class="list-group-item d-flex"> + <div class="list-group-item d-flex row"> <h3>{{ title | safe }}</h3> </div> {% for post in posts -%} - <div id="post-{{ post.id}}" class="list-group-item d-flex flex-row"> - <div class="d-flex flex-column pr-3 mr-1 border-right"> - <img src="https://www.gravatar.com/avatar/{{ post.author_gravatar }}?d=monsterid" style="width: 80px;"/> - <strong>{{ post.author_name }}</strong> + <div id="post-{{ post.id}}" class="list-group-item d-flex row"> + <div class="d-flex flex-column border-right col-2"> + <img class="mx-auto" src="https://www.gravatar.com/avatar/{{ post.author_gravatar }}?d=monsterid" style="width: 80px;"/> + <span class="mx-auto text-center"><strong>{{ post.author_name }}</strong></span> </div> - <div class="ml-2 align-self-stretch">{{ post.body | safe }}</div> + <div class="align-self-stretch col">{{ post.body | safe }}</div> - <div class="d-inline-flex flex-column align-items-end ml-auto"> + <div class="d-inline-flex flex-column align-items-end ml-auto col-1"> <a href="/thread/{{ id }}#post-{{ post.id }}" class="ml-auto"> <small class="text-muted float-right">{{ post.posted }}</small> </a> @@ -50,7 +50,7 @@ </div> {%- endfor %} - <div class="list-group-item flex-column align-items-start"> + <div class="list-group-item flex-column align-items-start row"> <form id="reply-form" action="/thread/reply" method="post"> <input type="hidden" id="thread_id" name="thread_id" value="{{ id }}"> <label for="body">You can use <strong>Markdown</strong>!</label> |