Better alignment of detail page attributes

This commit is contained in:
Aaron Fischer 2017-04-23 22:46:37 +02:00
parent ebd0713eae
commit 8e75c00a8e
3 changed files with 64 additions and 53 deletions

View file

@ -16,3 +16,7 @@
.detail-image a { .detail-image a {
display: block; display: block;
text-align: center; } text-align: center; }
#detail-attributes {
max-width: 1024px;
margin: auto; }

View file

@ -21,3 +21,8 @@
text-align: center; text-align: center;
} }
} }
#detail-attributes {
max-width: 1024px;
margin: auto;
}

View file

@ -43,8 +43,10 @@
<img class="card-img-top" src="/images/normal/{{ image.hash }}" alt="{{ image.title }}"/> <img class="card-img-top" src="/images/normal/{{ image.hash }}" alt="{{ image.title }}"/>
</a> </a>
</div> </div>
{% ifequal identity ":creator" %}
<div class="btn-group pull-right clearfix" role="group"> <div id="detail-attributes">
{% ifequal identity ":creator" %}
<div class="btn-group pull-right clearfix" role="group">
<a class="btn btn-primary btn-sm" href="/edit/{{ image.id }}"> <a class="btn btn-primary btn-sm" href="/edit/{{ image.id }}">
<span class="fa fa-pencil"></span> <span class="fa fa-pencil"></span>
Bearbeiten Bearbeiten
@ -53,17 +55,17 @@
<span class="fa fa-trash"></span> <span class="fa fa-trash"></span>
Löschen Löschen
</a> </a>
</div> </div>
{% endifequal %} {% endifequal %}
<p>{{ image.created_at|parse-date|date:"dd.MM.yyyy, HH:mm" }} Uhr</p> <p>{{ image.created_at|parse-date|date:"dd.MM.yyyy, HH:mm" }} Uhr</p>
{% if image.description|length > 0 %} {% if image.description|length > 0 %}
<div class="col-md7"> <div class="col-md7">
<p>{{ image.description|markdown-to-html|safe }}</p> <p>{{ image.description|markdown-to-html|safe }}</p>
</div> </div>
{% endif %} {% endif %}
<ul class="list-unlisted"> <ul class="list-unlisted">
{% for comment in comments %} {% for comment in comments %}
<li class="media mb-3"> <li class="media mb-3">
<a name="{{ comment.id }}"></a> <a name="{{ comment.id }}"></a>
@ -77,9 +79,9 @@
</div> </div>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
<form action="/add-comment/{{ image.id }}" method="POST" class="form-horizontal"> <form action="/add-comment/{{ image.id }}" method="POST" class="form-horizontal">
{% csrf-field %} {% csrf-field %}
<div class="form-group"> <div class="form-group">
@ -99,6 +101,6 @@
<span class="fa fa-floppy-o"></span> <span class="fa fa-floppy-o"></span>
Kommentar hinzufügen Kommentar hinzufügen
</button> </button>
</form> </form>
</div>
{% endblock %} {% endblock %}