Add two more components

Author: BenjaminCharmes

webapp/src/views/CollectionPage.vue

@@ -32,12 +32,12 @@
         </div>
       </div>
     </div>
-    <div class="navbar-nav d-flex flex-row ms-auto">
+    <div class="navbar-nav d-flex flex-row ms-auto align-items-center">
       <span v-if="data_loaded && !savedStatus" class="navbar-text unsaved-warning me-2">
         Unsaved changes
       </span>
-      <span v-if="data_loaded && lastModified" class="navbar-text small me-2">
-        <i>Last saved: {{ lastModified }}</i>
+      <span v-if="data_loaded && lastModified" class="navbar-text me-2 d-flex align-items-center">
+        <i class="small">Last saved: {{ lastModified }}</i>
       </span>
       <font-awesome-icon
         icon="save"

webapp/src/views/EditPage.vue

@@ -56,12 +56,15 @@
         </div>
       </div>
     </div>
-    <div class="navbar-nav d-flex flex-row ms-auto">
+    <div class="navbar-nav d-flex flex-row ms-auto align-items-center">
       <span v-if="itemDataLoaded && !savedStatus" class="navbar-text unsaved-warning me-2">
         Unsaved changes
       </span>
-      <span v-if="itemDataLoaded && lastModified" class="navbar-text small me-2">
-        <i>Last saved: {{ lastModified }}</i>
+      <span
+        v-if="itemDataLoaded && lastModified"
+        class="navbar-text me-2 d-flex align-items-center"
+      >
+        <i class="small">Last saved: {{ lastModified }}</i>
       </span>
       <font-awesome-icon
         icon="save"