aesthetics...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>

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)~~

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 {

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 -->