Fix footer when content is expanded. Use consistent selector for footer.

1 files changed, 6 insertions, 2 deletions

diff --git a/panel.css b/panel.css
index db0c5e9..a28ed0c 100644
--- a/panel.css
+++ b/panel.css
@@ -67,17 +67,21 @@ left:-15em;
 display: none;
 padding: 1em;
 }
-#footer,div.footer{
+div.footer{
 	position:fixed;
 	bottom:0;
 	left:16em;
 	padding-bottom:0.5em;
 	width:calc(100% - 16em);
 }
+#content.expanded + div.footer{
+	left:1em;
+	width:calc(100% - 1em);
+}
 @media (max-width:768px)
 {
 	#panel{left:-15em;}
 	#content{margin-left:1em;}
-	#footer,div.footer{width:calc(100% - 1em);left:1em;}
+	div.footer{width:calc(100% - 1em);left:1em;}
 	#panel li a#paneltoggle{display:none;}
 }