diff --git a/static/css/details.css b/static/css/details.css
index 8cb4b41..e87a037 100644
--- a/static/css/details.css
+++ b/static/css/details.css
@@ -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;
 }
diff --git a/templates/details.html b/templates/details.html
index 7062b64..335215a 100644
--- a/templates/details.html
+++ b/templates/details.html
@@ -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>
-<div class="row">
-<span>Name:</span>
-<span>{{ torrent.name }}</span>
-</div>
-<div class="row">
-<span>Category:</span>
-<span>{{ torrent.category }}</span>
-</div>
-<div class="row">
-<span>Subcategory:</span>
-<span>{{ torrent.subcategory }}</span>
-</div>
-<div class="row">
-<span>Description:</span>
-<span>{{ torrent.description }}</span>
-</div>
-<div class="row">
-<span>Audio quality:</span>
-<span>{{ torrent.audioquality_description }}</span>
-</div>
-<div class="row">
-<span>Video quality:</span>
-<span>{{ torrent.videoquality_description }}</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="detailrow clearfix">
+			<span>Name:</span>
+			<span>{{ torrent.name }}</span>
+		</div>
+		<div class="detailrow clearfix">
+			<span>Category:</span>
+			<span>{{ torrent.category }}</span>
+		</div>
+		<div class="detailrow clearfix">
+			<span>Subcategory:</span>
+			<span>{{ torrent.subcategory }}</span>
+		</div>
+		<div class="detailrow clearfix">
+			<span>Description:</span>
+			<span>{{ torrent.description or "-" }}</span>
+		</div>
+		<div class="detailrow clearfix">
+			<span>Audio quality:</span>
+			<span>{{ torrent.audioquality_description or "-" }}</span>
+		</div>
+		<div class="detailrow clearfix">
+			<span>Video quality:</span>
+			<span>{{ torrent.videoquality_description or "-" }}</span>
+		</div>
+	</div>
 </div>
 {% endblock content%}