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 { h4 {
width: 100%; display: flex;
border: 1px solid white; 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 %} {% block content %}
<link href="{{ url_for("static", filename="css/details.css") }}" rel="stylesheet"> <link href="{{ url_for("static", filename="css/details.css") }}" rel="stylesheet">
<script src="{{ url_for("static", filename="js/main.js") }}"></script> <script src="{{ url_for("static", filename="js/main.js") }}"></script>
<h3>DETAILS</h3> <div id="torrent" class="clearfix">
<div class="row"> <h4>{{ torrent.name }}</h4>
<span>Info ID:</span> <div id="details" class="clearfix">
<span>{{ torrent.fileid }}</span> <div class="detailrow clearfix">
</div> <div>Info Hash:</div>
<div class="row"> <div>{{ torrent.fileid }}</div>
<span>Name:</span> </div>
<span>{{ torrent.name }}</span> <div class="detailrow clearfix">
</div> <span>Name:</span>
<div class="row"> <span>{{ torrent.name }}</span>
<span>Category:</span> </div>
<span>{{ torrent.category }}</span> <div class="detailrow clearfix">
</div> <span>Category:</span>
<div class="row"> <span>{{ torrent.category }}</span>
<span>Subcategory:</span> </div>
<span>{{ torrent.subcategory }}</span> <div class="detailrow clearfix">
</div> <span>Subcategory:</span>
<div class="row"> <span>{{ torrent.subcategory }}</span>
<span>Description:</span> </div>
<span>{{ torrent.description }}</span> <div class="detailrow clearfix">
</div> <span>Description:</span>
<div class="row"> <span>{{ torrent.description or "-" }}</span>
<span>Audio quality:</span> </div>
<span>{{ torrent.audioquality_description }}</span> <div class="detailrow clearfix">
</div> <span>Audio quality:</span>
<div class="row"> <span>{{ torrent.audioquality_description or "-" }}</span>
<span>Video quality:</span> </div>
<span>{{ torrent.videoquality_description }}</span> <div class="detailrow clearfix">
<span>Video quality:</span>
<span>{{ torrent.videoquality_description or "-" }}</span>
</div>
</div>
</div> </div>
{% endblock content%} {% endblock content%}