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 64e85f66e..b26344d3d 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -561,32 +561,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,
@@ -600,10 +585,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;
@@ -618,3 +599,7 @@ a.login_large_btn:focus {
 .album-item .album-title a {
 	text-decoration: underline;
 }
+#album-img a img {
+	max-width: 85%;
+	height: auto;
+}