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

2 files changed, 7 insertions, 3 deletions

diff --git a/common.css b/common.css
index 38ca98c..48a45ac 100644
--- a/common.css
+++ b/common.css
@@ -106,7 +106,7 @@ del{
 #panel li a:hover:not(.active){
 	background-color: var(--list-highlighted-bg);
 }
-#panel,#footer{
+#panel,div.footer{
 	background-color: var(--secondary-bg);
 	background-image: var(--bg-pattern);
 	background-repeat: repeat;
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;}
 }