Some styling + draft 404 page

assets/styles/app.css

@@ -30,4 +30,4 @@ body {
 
 .table.record th {
     min-width: 220px;
-}
+}

composer.lock

@@ -9844,5 +9844,5 @@
         "ext-iconv": "*"
     },
     "platform-dev": [],
-    "plugin-api-version": "2.6.0"
+    "plugin-api-version": "2.1.0"
 }

config/packages/security.yaml

@@ -37,6 +37,7 @@ security:
         - { path: ^/$, roles: ROLE_USER }
         - { path: ^/admin, roles: ROLE_ADMIN }
         - { path: ^/profile, roles: ROLE_USER }
+        - { path: ^/bibliography, roles: ROLE_USER }
 
 when@test:
     security:

templates/bibliography/index.html.twig

@@ -7,8 +7,7 @@
     <h1 class="is-size-1 mt-0 has-text-centered">Bibliography</h1>
     <h2 class="is-size-3 mt-3 has-text-centered">{{ record.citation }}</h2>
 
-    <div class="container mt-6">
-        <article class="message">
+        <article class="message is-info mt-3">
             <div class="message-body">
                 <p>
                     <strong>Last modified:</strong> {{ record.modifiedAt.format('Y-m-d') }}
@@ -19,19 +18,22 @@
         </article>
         <div class="card p-5">
         {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_REVISOR') %}
-            <div class="buttons">
-                <button class="button is-link">
-                    Edit
-                    <span class="icon ml-2">
-                        <i class="fa fa-edit"></i>
-                    </span>
-                <button class="button is-danger">
-                    Delete
-                    <span class="icon ml-2">
-                        <i class="fa fa-trash"></i>
-                    </span>
-                </button>
-            </div>
+        <div class="columns is-desktop">
+                <div class="column is-three-quarters"></div>
+                <div class="column has-text-right">
+                    <button class="button is-link">
+                        Edit
+                        <span class="icon ml-2">
+                            <i class="fa fa-edit"></i>
+                        </span>
+                    <button class="button is-danger ml-2">
+                        Delete
+                        <span class="icon ml-2">
+                            <i class="fa fa-trash"></i>
+                        </span>
+                    </button>
+                </div>
+        </div>
         {% endif %}
         <div class="tabs is-boxed is-fullwidth">
             <ul>
@@ -39,6 +41,7 @@
                 <li>Relations</li>
             </ul>
         </div>
+        <div class="data-tabs" id="record">
             <table class="table is-fullwidth pt-4 record">
                 <tr><th>Record ID</th><td>{{ record.id }}</td></tr>
                 <tr><th>Status</th><td>{{ record.getStatus() }}</td></tr>
@@ -48,7 +51,10 @@
                 <tr><th>Editorial notes</th><td>{{ record.notes }}</td></tr>
             </table>
         </div>
-    </div>
+        <div class="data-tabs is-hidden" id="relations">
+            Some stuff...
+        </div>
+        </div>
 </div>
 <script type="text/javascript" defer></script>
 {% endblock %}

templates/bundles/TwigBundle/Exception/error404.html.twig

@@ -0,0 +1,9 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}404 - Not Found | ArCOA{% endblock %}
+
+{% block body %}
+
+<h1 class="is-size-1 has-text-centered">404 - Not Found</h1>
+
+{% endblock %}

templates/data_entry.html.twig

@@ -31,14 +31,14 @@
                         <span class="icon is-small">
                             <i class="fa fa-user"></i>
                         </span>
-                        <span class="pl-2">Profile</span>
+                        <span class="pl-2 is-size-6">Profile</span>
                     </a>
                   {% if  is_granted('ROLE_ADMIN') %}
                     <a href="/admin" class="dropdown-item">
                         <span class="icon is-small">
                             <i class="fa fa-cogs"></i>
                         </span>
-                        <span class="pl-2">Admin</span>
+                        <span class="pl-2 is-size-6">Admin</span>
                     </a>
                   {% endif %}
                   <hr class="dropdown-divider" />