From 1ad674e466f122d1eb2bee902efb70f14519e369 Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Tue, 12 Sep 2023 15:51:25 +0300
Subject: [PATCH] aesthetics...

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

diff --git a/README.md b/README.md
index 3c8d368..449f36f 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,8 @@
 - ~~Views: Gallery / Details / Lightbox~~
 - Details: populate fields
 - Details: edit
-- ~~toolbar -- floating over gallery~~
+- ~~toolbar: collapsed view icon...~~
+- ~~toolbar: floating over gallery~~
 	- ~~info (current)~~ -- should this be floating over image??
 	- ~~select / deselect (current / all)~~
 	- ~~delete / clear deleted (current / all)~~
diff --git a/css/grid-n-view.css b/css/grid-n-view.css
index a692aeb..f65b532 100644
--- a/css/grid-n-view.css
+++ b/css/grid-n-view.css
@@ -474,20 +474,21 @@ button:active {
 /* button: collapse... */
 .gallery .toolbar button.collapse {
 	position: absolute;
-	width: var(--height);
 	height: 100%;
 	top: 0;
 	right: 0;
 
 	opacity: 0.4;
 
+}
+.gallery .toolbar button.collapse sec {
 	transition: 
 		rotate 0.2s,
 		text-shadow var(--color-transition) ease,
 		background var(--color-transition) ease,
 		color var(--color-transition) ease;
 }
-.gallery .toolbar:not(.shown) button.collapse {
+.gallery .toolbar:not(.shown) button.collapse sec {
 	rotate: 180deg;
 }
 .gallery .toolbar button.collapse:hover {
diff --git a/grid-n-view.html b/grid-n-view.html
index bc4e5e3..049aeb0 100644
--- a/grid-n-view.html
+++ b/grid-n-view.html
@@ -96,7 +96,7 @@ For more info see: <a href="./README.md">README.md</a>
 				<button title="2">2</button> 
 				<button title="3">3</button> 
 			</div>
-			<button class="collapse" title="toggle toolbar (hold to make sticky)">keyboard_double_arrow_left</button>
+			<button class="collapse" title="toggle toolbar (hold to make sticky)">crossword<sec>keyboard_double_arrow_left</sec></button>
 		</div-->
 		<!-- toolbar: general... -->
 		<div class="toolbar fixed">
@@ -128,7 +128,7 @@ For more info see: <a href="./README.md">README.md</a>
 			<div>
 				<button onclick="gallery.clear()" title="clear">close</button> 
 			</div>
-			<button class="collapse" title="toggle toolbar (hold to make sticky)">keyboard_double_arrow_left</button>
+			<button class="collapse" title="toggle toolbar (hold to make sticky)">edit_square<sec>keyboard_double_arrow_left</sec></button>
 		</div>
 	</div>
 	<!-- gallery: content -->