Better alignment of detail page attributes

resources/public/css/screen.css

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

resources/scss/screen.scss

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

resources/templates/detail.html

@@ -43,6 +43,8 @@
     <img class="card-img-top" src="/images/normal/{{ image.hash }}" alt="{{ image.title }}"/>
   </a>
 </div>
+
+<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 }}">
@@ -100,5 +102,5 @@
       Kommentar hinzufügen
     </button>
   </form>
-
+</div>
 {% endblock %}