From 48c37fa1e6d6fcd4e030446d7cb5c84434540ae2 Mon Sep 17 00:00:00 2001
From: Stefan Brand <seiichiro@seiichiro0185.org>
Date: Mon, 10 Jan 2022 21:33:07 +0100
Subject: [PATCH] Single Image Page Style

---
 css/style.css   | 9 +++------
 tpl/single.html | 4 +---
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/css/style.css b/css/style.css
index f3e0ca3..faf1568 100644
--- a/css/style.css
+++ b/css/style.css
@@ -114,13 +114,10 @@ body {
   grid-template-rows: repeat(2, 1fr);
 }
 
-.content-single .single-image {
-  grid-column: 1 / 4;
-  grid-row: 1 / 3;
-}
-
-.content-single .single-image img {
+.content-single img {
   object-fit: contain;
+  position: relative;
+  z-index: 1;
   grid-column: 1 / 4;
   grid-row: 1 / 3;
 }
diff --git a/tpl/single.html b/tpl/single.html
index a5326aa..cdfafab 100644
--- a/tpl/single.html
+++ b/tpl/single.html
@@ -6,9 +6,7 @@
 
 <div class="container">
   <div class="content-single">
-    <div class="single-image">
-      <img src="{{ $imageurl }}" title="{{ $page }}/{{ $last_page }}" />
-    </div>
+    <img src="{{ $imageurl }}" title="{{ $page }}/{{ $last_page }}" />
     <a id="link-prev" href="/index.php?d={{ $dir }}&p={{ $prev_page }}&s=1&gs={{ $gallery_slice }}{{ $filter }}">
       <div class="clickable clickable-left"></div>
     </a>