From ebfb04845a53873e8165142970bbb54f821e5b89 Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Fri, 18 Aug 2023 17:54:17 +0300
Subject: [PATCH] tweaking...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 css/grid-n-view.css | 7 +++++--
 grid-n-view.html    | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/css/grid-n-view.css b/css/grid-n-view.css
index f366f05..06c83a4 100644
--- a/css/grid-n-view.css
+++ b/css/grid-n-view.css
@@ -640,16 +640,19 @@ body {
 
 	position: sticky;
 	top: var(--bar-size);
+	height: var(--bar-size);
+
+	background: rgba(0,0,0,0.1);
 }
 .gallery .loading>div:before,
 .gallery .loading>div:after {
 	content: "";
 	position: absolute;
-	top: calc(var(--bar-size) * -1);
+	top: 0;
 	left: 0;
 	width: 100%;
 	height: var(--bar-size);
-	opacity: 0.3;
+	opacity: 0.5;
 }
 .gallery .loading>div:after {
 	background: gray;
diff --git a/grid-n-view.html b/grid-n-view.html
index b710a27..1a2e6c0 100644
--- a/grid-n-view.html
+++ b/grid-n-view.html
@@ -90,7 +90,7 @@ For more info see: <a href="./README.md">README.md</a>
 <h3>Settings</h3>
 
 <button onclick="gallery.toolbar.movable()">toggle toolbar drag</button>
-<button onclick="gallery.toggleLoading()">toggle splash screen</button>
+<button onclick="gallery.toggleLoading()">toggle loading screen</button>
 
 <hr>