diff --git a/frontend/elements/photo-thumbnail.html b/frontend/elements/photo-thumbnail.html
index ff6334a..bf1fd03 100755
--- a/frontend/elements/photo-thumbnail.html
+++ b/frontend/elements/photo-thumbnail.html
@@ -37,6 +37,7 @@
     }
 
     #info {
+        display: flex;
         position: absolute;
         padding: 0.5em;
         background-color: rgba(0, 0, 0, 0.5);
@@ -47,6 +48,12 @@
         font-size: 0.6em;
         pointer-events: none;
         transition: opacity 0.25s ease-in-out;
+        overflow: hidden;
+    }
+
+    #info > div > div {
+        overflow: hidden;
+        text-overflow: ellipsis;
     }
 
     #actions {
@@ -75,9 +82,15 @@
         </template>
     </div>
 
-    <div id="info" class="layout vertical start">
-        <div>[[item.name]] ([[item.id]])</div>
-        <div>[[item.taken]]</div>
+    <div id="info" class="layout vertical">
+        <div class="layout horizontal justified center">
+            <div class="flex">[[item.name]]</div>
+            <div>([[item.id]])</div>
+        </div>
+        <div class="layout horizontal justified center">
+            <div>[[formatDateTime(item.taken)]]</div>
+            <div>[[item.size]]</div>
+        </div>
         <div on-tap="_pathTap">[[item.path]]</div>
     </div>
 </template>
@@ -119,6 +132,10 @@
         "thumbChanged(thumbpath, visible)"
     ],
 
+    formatDateTime: function(date) {
+        return window.moment(new Date(date)).format("lll");
+    },
+
     _fireAction: function(event) {
         event.stopPropagation();
         event.preventDefault();