Retheme media_element html template

- for further additions
2 years ago · 986d322f83
parent 120a42476a
commit 986d322f83
2 changed files with 60 additions and 46 deletions
--- 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;
+        }
    </style>
 {% endmacro %}

--- a/server/templates/media_element.htm
+++ b/server/templates/media_element.htm
@ -10,6 +10,8 @@
    <body>
        {{ macros.body_header() }}
        <h1>{{ title }}</h1>
+        <div class="element_view">
+            <div class="element_info">
                <h2>Notes</h2>
                <pre>{{ element.notes or "" }}</pre>
                <h2>Properties</h2>
@ -57,5 +59,7 @@
                        <li>{{ link.uri | as_link }} {% if element.uri == link.uri %}*{% endif %}</li>
                    {% endfor %}
                </ul>
+            </div>
+        </div>
    </body>
 </html>