finalize gallery feature

_sass/_isabelline.scss

@@ -159,15 +159,6 @@ header {
 	}
 }
 
-// div.column {
-// 	width: 30%;
-// 	float: left;
-// 	padding: .5rem;
-// 	margin: .5rem;
-// 	border: 1px solid #ccc;
-// }
-
-// link styling
 a {
 	color: darken($link-color,15%);
 	&:hover, &:active, &:visited {
@@ -253,6 +244,7 @@ main {
 				border-radius: 6px;
 				display: none;
 				transition: all 300ms ease;
+				will-change: display;
 			}
 			
 			img:first-child {
@@ -272,37 +264,37 @@ main {
 				height: 1rem;
 				border-radius: .5rem;
 				transition: all 300ms ease;
+
 				background-color: hsl($hue,10,80);
 				&.selected {
 					background-color: hsl($hue,50,40);
 				}
 			}
+
 			.play {
+				float: left;
+
 				label {
 					margin: .5rem;
-
 					display: inline-block;
-
 					box-sizing: border-box;
-
 					width: 0;
-					height: .5rem;
-
+					height: 1rem;
 					cursor: pointer;
+					border-color: transparent transparent transparent hsl($hue,50,40); // same color as i.selected
 
-					border-color: transparent transparent transparent #202020;
 					transition: 300ms all ease;
 					will-change: border-width;
 
 					// paused state
 					border-style: double;
-					border-width: 0 0 0 .5rem;
+					border-width: 0 0 0 1rem;
 				}
 				input[type='checkbox'] {
-					visibility: hidden;
+					display: none;
 					&:checked + label {
 						border-style: solid;
-						border-width: .3rem 0 .3rem .5rem;
+						border-width: .5rem 0 .5rem 1rem;
 					}
 				}
 			}