PhotosIndex: rewrite to use Bootstrap grid for tiles

public/css/admin.css

@@ -1,21 +1,21 @@
 /* Edit icon on tiled grids
 -----------------------------*/
-.tiled_grid div.landscape, .tiled_grid div.portrait, .tiled_grid div.panorama {
+.polaroid {
 	position: relative;
 }
-.tiled_grid div > a.edit {
+.polaroid a.edit {
 	background: #fff;
 	border-radius: 3px;
 	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
-	display: none;
+	display: none !important;
 	left: 20px;
 	line-height: 1.5;
 	padding: 5px 10px;
 	position: absolute;
 	top: 20px;
 }
-.tiled_grid div:hover > a.edit {
-	display: block;
+.polaroid:hover > a.edit {
+	display: block !important;
 }
 
 

public/css/default.css

@@ -179,26 +179,25 @@ i.space-invader.alt-7::before {
 
 /* Album index
 ----------------*/
-.album-index {
+.album-index, .photo-index {
 	clear: both;
 }
 
 
 /* Tiled grid
 ---------------*/
-.tiled_header {
+.tiled-header > a {
 	background: #fff;
 	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 	border-radius: 0.5rem;
 	color: #000;
-	clear: both;
-	float: left;
-	margin: 0 0 1.5% 0;
+	display: inline-block;
 	font: 400 18px/2.2 'Coda', sans-serif;
+	margin: 0 0 1.5% 0;
+	overflow: hidden;
 	padding: 6px 22px;
 	text-overflow: ellipsis;
 	white-space: nowrap;
-	overflow: hidden;
 }
 
 .tiled_grid {