Change CSS of details page

This commit is contained in:
sqozz 2017-12-29 07:18:51 +01:00
parent d0e9457211
commit e8b46e9763
2 changed files with 65 additions and 31 deletions

View file

@ -1,4 +1,34 @@
table, th, td {
width: 100%;
border: 1px solid white;
h4 {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.detailrow {
margin-bottom: 10px;
}
.detailrow div {
width: 50%;
display: inline;
}
.detailrow :first-child {
width: 30%;
font-size: 1.2em;
font-weight: bold;
float: left;
}
.detailrow :last-child {
display: flex;
justify-content: right;
width: 70%;
float: right;
padding-right: 10px;
}
#torrent #details {
border: 1px solid white;
padding: 10px;
}

View file

@ -7,33 +7,37 @@ vim: ts=2 noexpandtab
{% block content %}
<link href="{{ url_for("static", filename="css/details.css") }}" rel="stylesheet">
<script src="{{ url_for("static", filename="js/main.js") }}"></script>
<h3>DETAILS</h3>
<div class="row">
<span>Info ID:</span>
<span>{{ torrent.fileid }}</span>
<div id="torrent" class="clearfix">
<h4>{{ torrent.name }}</h4>
<div id="details" class="clearfix">
<div class="detailrow clearfix">
<div>Info Hash:</div>
<div>{{ torrent.fileid }}</div>
</div>
<div class="row">
<div class="detailrow clearfix">
<span>Name:</span>
<span>{{ torrent.name }}</span>
</div>
<div class="row">
<div class="detailrow clearfix">
<span>Category:</span>
<span>{{ torrent.category }}</span>
</div>
<div class="row">
<div class="detailrow clearfix">
<span>Subcategory:</span>
<span>{{ torrent.subcategory }}</span>
</div>
<div class="row">
<div class="detailrow clearfix">
<span>Description:</span>
<span>{{ torrent.description }}</span>
<span>{{ torrent.description or "-" }}</span>
</div>
<div class="row">
<div class="detailrow clearfix">
<span>Audio quality:</span>
<span>{{ torrent.audioquality_description }}</span>
<span>{{ torrent.audioquality_description or "-" }}</span>
</div>
<div class="row">
<div class="detailrow clearfix">
<span>Video quality:</span>
<span>{{ torrent.videoquality_description }}</span>
<span>{{ torrent.videoquality_description or "-" }}</span>
</div>
</div>
</div>
{% endblock content%}