diff --git a/server/templates/macros.htm b/server/templates/macros.htm
index b05c6c0..bd15fc4 100644
--- a/server/templates/macros.htm
+++ b/server/templates/macros.htm
@@ -86,6 +86,16 @@
font-size: 1.2rem;
}
+ /* media element */
+ .element_view {
+ display: flex;
+ flex-wrap: wrap-reverse;
+ justify-content: space-between;
+ align-items: flex-end;
+ }
+ .element_view > .element_info {
+ display: block;
+ }
{% endmacro %}
diff --git a/server/templates/media_element.htm b/server/templates/media_element.htm
index 9f9c50a..224b3ac 100644
--- a/server/templates/media_element.htm
+++ b/server/templates/media_element.htm
@@ -10,52 +10,56 @@
{{ macros.body_header() }}
{{ title }}
- Notes
- {{ element.notes or "" }}
- Properties
-
- -
- {{ macros.media_element_buttons(element) }}
- {{ macros.no_input_post_form("/api/refresh/media/" + element.id|string, "refresh") }}
-
- - Can be considered: {{ element.can_considered | tenary("Yes", "no") }}
- -
- Date:
- {{ element.release_date }}
-
- -
- Length:
- {{ element.length | timedelta }}
- {%- if element.progress > 0 -%}
- , Progress:
- {{ element.progress | timedelta }}
- {% endif %}
-
- {% if element.all_tags %}
- -
- Tags: {{ element.all_tags | map(attribute="title") | join(" | ") }}
-
- {% endif %}
-
- Part of Collections
-
- {% for link in element.collection_links %}
- -
- {{ link.collection.title }}
- {%- if link.season != 0 -%}
- , Season {{ link.season }}
+
+
+
Notes
+
{{ element.notes or "" }}
+
Properties
+
+ -
+ {{ macros.media_element_buttons(element) }}
+ {{ macros.no_input_post_form("/api/refresh/media/" + element.id|string, "refresh") }}
+
+ - Can be considered: {{ element.can_considered | tenary("Yes", "no") }}
+ -
+ Date:
+ {{ element.release_date }}
+
+ -
+ Length:
+ {{ element.length | timedelta }}
+ {%- if element.progress > 0 -%}
+ , Progress:
+ {{ element.progress | timedelta }}
+ {% endif %}
+
+ {% if element.all_tags %}
+ -
+ Tags: {{ element.all_tags | map(attribute="title") | join(" | ") }}
+
{% endif %}
- {%- if link.episode != 0 -%}
- , Episode {{ link.episode }}
- {% endif %}
-
- {% endfor %}
-
-
Links
-
- {% for link in element.uris|sort(attribute="uri") %}
- - {{ link.uri | as_link }} {% if element.uri == link.uri %}*{% endif %}
- {% endfor %}
-
+
+
Part of Collections
+
+ {% for link in element.collection_links %}
+ -
+ {{ link.collection.title }}
+ {%- if link.season != 0 -%}
+ , Season {{ link.season }}
+ {% endif %}
+ {%- if link.episode != 0 -%}
+ , Episode {{ link.episode }}
+ {% endif %}
+
+ {% endfor %}
+
+
Links
+
+ {% for link in element.uris|sort(attribute="uri") %}
+ - {{ link.uri | as_link }} {% if element.uri == link.uri %}*{% endif %}
+ {% endfor %}
+
+
+