diff --git a/resources/views/themes/gallery/gallery-detail/list.blade.php b/resources/views/themes/gallery/gallery-detail/list.blade.php
index c185a56..fe85ad5 100644
--- a/resources/views/themes/gallery/gallery-detail/list.blade.php
+++ b/resources/views/themes/gallery/gallery-detail/list.blade.php
@@ -6,7 +6,7 @@
             <div>
                 <div class="fotorama" data-nav="thumbs" data-keyboard="true" data-ratio="800/600" data-width="1200" data-maxheight="80%" data-allowfullscreen="true">
                     @foreach($images as $image)
-                        <a href="/{{ $tenant->url }}/{{ $gallery->url }}/{{ $image->id }}/file?size=big" data-description="{{ $image->description }}" data-name="{{ $image->name }}"><img src="/{{ $tenant->url }}/{{ $gallery->url }}/{{ $image->id }}/file?size=pixel"></a>
+                        <a href="/{{ $tenant->url }}/{{ $gallery->url }}/{{ $image->id }}/file?size=big" data-taken="{{ $image->DateTimeOriginal }}" data-description="{{ $image->description }}" data-name="{{ $image->name }}"><img src="/{{ $tenant->url }}/{{ $gallery->url }}/{{ $image->id }}/file?size=pixel"></a>
                     @endforeach
                 </div>
             </div>
@@ -14,8 +14,14 @@
         </div>
     </div>
     <div class="row">
-        <div class="col-md-12">
+        <div class="col-md-2"></div>
+        <div class="col-md-4">
+            <h1>Gallery: <?php echo $gallery->name; ?></h1>
+            <p><?php echo $gallery->description; ?></p>
+        </div>
+        <div class="col-md-4">
             <h1 id="filename"></h1>
+            <i>Picture take <span id="taken"></span></i>
             <p id="description"></p>
         </div>
     </div>
@@ -28,6 +34,7 @@
             console.log(e.type, fotorama.activeFrame);
             $("#filename").html(fotorama.activeFrame.name);
             $("#description").html(fotorama.activeFrame.description);
+            $("#taken").html(fotorama.activeFrame.taken);
         });
 
     </script>