a bit of styling

2 days ago · db065fafe2
parent 7bc290a3ad
commit db065fafe2
2 changed files with 16 additions and 8 deletions
--- a/src/main/resources/static/stylesheet.css
+++ b/src/main/resources/static/stylesheet.css
@ -1,5 +1,6 @@
 body {
    margin: 0 5rem;
+    font-family: sans-serif;

    a:link, a:visited {
        text-decoration: none;
@ -49,6 +50,14 @@ main {
        border: 1px solid AccentColor;
        margin-bottom: 1rem;
    }
+
+    .low-key-hint {
+        color: #717171;
+    }
+
+    h2 .low-key-hint {
+        color: #858585;
+    }
 }

 table {
--- a/src/main/resources/templates/show.html
+++ b/src/main/resources/templates/show.html
@ -8,25 +8,24 @@
    </head>
    <body>
        <main id="content" layout:fragment="content">
-            <a th:href="@{/}">
-                Zur Liste
-            </a>
-
-            <h2 th:text="${document.name}"></h2>
+            <h2>
+                <span class="low-key-hint">dokument:</span>
+                <th:block th:text="${document.name}" />
+            </h2>

            <fieldset class="show__meta">
                <legend>meta</legend>

                <span>
-                    id:
+                    <span class="low-key-hint">id:</span>
                    <th:block th:text="${document.id}"/>
                </span>
                <span>
-                    erstellt:
+                    <span class="low-key-hint">erstellt:</span>
                    <th:block th:text="${#temporals.format(document.createdAt, 'yyyy-MM-dd HH:mm')}"/>
                </span>
                <span>
-                    aktualisiert:
+                    <span class="low-key-hint">aktualisiert:</span>
                    <th:block th:text="${#temporals.format(document.updatedAt, 'yyyy-MM-dd HH:mm')}"/>
                </span>
            </fieldset>