From e8aeb2c1f7716a6502e355f0fc60e3d1ef3b38c7 Mon Sep 17 00:00:00 2001
From: Captain ALM <captainalm@captainalm.com>
Date: Tue, 26 Jul 2022 21:11:53 +0100
Subject: [PATCH] .

---
 base.css      |  9 ++++++++-
 dark.css      |  5 ++++-
 index.go.html | 20 +++++++++-----------
 3 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/base.css b/base.css
index 7ab5dad..ba6e6b1 100644
--- a/base.css
+++ b/base.css
@@ -113,6 +113,10 @@ main{
     background-color: transparent;
     box-sizing: inherit;
 }
+.item-table-caption{
+    display: table-caption;
+    caption-side: bottom;
+}
 .item-table-full, .item-table-360{
     border-style: solid;
     border-width: 1px;
@@ -147,6 +151,8 @@ main{
     justify-content: center;
 }
 .image-box > a{
+    border-style: solid;
+    border-width: 1px;
 	margin: 2px;
 }
 @media (min-width: 480px){
@@ -159,6 +165,7 @@ main{
         width: 360px;
     }
 	.image-box > a{
+        border-width: 4px;
 	    margin: 10px;
     }
 }
@@ -168,7 +175,7 @@ main{
         top: 0;
         position: relative;
         float: right;
-        width: fit-content;
+        width: auto;
     }
     .menu li{
         float: left;
diff --git a/dark.css b/dark.css
index 37e7e46..b1a210c 100644
--- a/dark.css
+++ b/dark.css
@@ -31,5 +31,8 @@ a{
 	background-color: #0f0f0f;
 }
 .item-table > div > div{
-	border-color: wheat;
+	border-color: #F5DEB3FF;
+}
+.image-box > a{
+	border-color: #b0b0f0;
 }
\ No newline at end of file
diff --git a/index.go.html b/index.go.html
index ee286a1..bd7e2f5 100644
--- a/index.go.html
+++ b/index.go.html
@@ -78,21 +78,19 @@
                             </video></div>
                         </div>
                     </div>
+                    {{ if not (eq .GetImageCount 0) }}
+                    <div class="item-table-caption">
+                        <div class="image-box">
+                            {{ range .GetImages }}
+                            <a href="{{ .ImageLocation }}"><img src="{{ .ThumbnailLocation }}" width="144"></a>
+                            {{ end }}
+                        </div>
+                    </div>
+                    {{ end }}
                 </div>
             </div>
         </div>
     </div>
-    {{ if not (eq .GetImageCount 0) }}
-    <div>
-        <div>
-            <div class="image-box">
-                {{ range .GetImages }}
-                <a href="{{ .ImageLocation }}"><img src="{{ .ThumbnailLocation }}" width="144"></a>
-                {{ end }}
-            </div>
-        </div>
-    </div>
-    {{ end }}
     {{ end }}
 </main>
 </body>