From cd58acba564b671f2ffb4f29c4b49f7031bfeae3 Mon Sep 17 00:00:00 2001
From: Christopher Baines <mail@cbaines.net>
Date: Sun, 10 Aug 2014 14:58:56 +0100
Subject: 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.
---
 doc/style.css | 33 +++++++++------------------------
 1 file 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;
+}
-- 
cgit v1.2.3