Attempt to improve album plugin css

This removes the absolute positioning, replacing it with floats. Also, it
limits the size of the images in the album, such that they are not too wide.

1 files changed, 9 insertions, 24 deletions

diff --git a/doc/style.css b/doc/style.css
index c0f1a8343..a99f4ea74 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -560,32 +560,17 @@ a.login_large_btn:focus {
 }
 
 .album-viewer {
-	position: relative;
-}
-.album-prev, .album-next, .album-finish {
-	position: absolute;
-	top: 0%;
-	height: 100%;
-	width: 100px;
+	text-align: center;
 }
 .album-prev a, .album-next a, .album-finish a {
-	display: block;
 	padding-top: 1em;
-	width: 100%;
-	height: 100%;
 	text-decoration: none;
 }
-.album-prev .album-thumbnail, .album-next .album-thumbnail {
-	position: absolute;
-	top: 8em;
+.album-next, .album-finish {
+	float: right;
 }
-.album-prev { left: 0px; }
-.album-next, .album-finish { right: 0px; }
-#album-img {
-	clear: both;
-	margin-left: 100px;
-	margin-right: 100px;
-	text-align: center;
+.album-prev {
+	float: left;
 }
 .album-item .album-title,
 .album-item .album-metadata,
@@ -599,10 +584,6 @@ a.login_large_btn:focus {
 	margin-left: auto;
 	text-align: right;
 }
-.album-thumbnail {
-	min-height: 72px;
-	min-width: 96px;
-}
 .album-item .album-metadata {
 	padding: 8px;
 	font-size: small;
@@ -617,3 +598,7 @@ a.login_large_btn:focus {
 .album-item .album-title a {
 	text-decoration: underline;
 }
+#album-img a img {
+	max-width: 85%;
+	height: auto;
+}