Reimplements the recents feature

webapp/css/satbd.sateliite.bar.css

@@ -31,37 +31,54 @@ body > .container-fluid {
 	}
 }
 
-.album {
-    padding-top:15px;
-    padding-bottom:15px;
-    overflow:hidden;
+.album-container {
+	display: inline-block;
+	position: relative;
+	overflow:hidden;
 }
 
-@media (max-width: 767px) {
-    .album {
-        height: 70vw;
-    }
-}
-@media (min-width: 768px) and (max-width: 991px) {
-    .album {
-        height: 46vw;
-    }
-}
-@media (min-width: 992px) and (max-width: 1199px) {
-    .album {
-        height: 35vw;
-    }
+.album-container:after {
+	padding-top:130%;
+	display: block;
+	content: '';
 }
 
-@media (min-width: 1200px)  {
-    .album {
-        height: 23vw;
-    }
+.album-container .album {
+	position: absolute;
+	top: 15px;
+	bottom: 0;
+	right: 0;
+	left: 15px;
+	overflow:hidden;
 }
 
-img.cover {
-    width:100%;
+.album-container .album .img-album-cover {
+
 }
 
 
+/* @media (max-width: 767px) { */
+/*     .album { */
+/*         height: 50vw; */
+/*     } */
+/* } */
+/* @media (min-width: 768px) and (max-width: 991px) { */
+/*     .album { */
+/*         height: 33vw; */
+/*     } */
+/* } */
+/* @media (min-width: 992px) and (max-width: 1199px) { */
+/*     .album { */
+/*         height: 25vw; */
+/*     } */
+/* } */
 
+/* @media (min-width: 1200px)  { */
+/*     .album { */
+/*         height: 16vw; */
+/*     } */
+/* } */
+
+/* img.cover { */
+/*     width:100%; */
+/* } */