progress/menu #167

server/styles/scss/_page.scss

@@ -213,6 +213,12 @@ body {
 	flex-direction: row;
 	background-color: #000000;
 
+	// stick the nav bar to the bottom of the window in portrait
+	.portrait.enhanced & {
+		position: sticky;
+		bottom: 0px;
+	}
+
 	color: #ffffff;
 	width: p.$standard-width;
 

server/styles/scss/_progress.scss

@@ -21,6 +21,11 @@
 		overflow: hidden;
 		line-height: 28px;
 
+		.portrait.enhanced & {
+			// variable height to keep the progress bar visible
+			height: unset;
+		}
+
 		.item {
 			position: relative;
 
@@ -86,6 +91,10 @@
 			display: block;
 		}
 
+		.portrait.enhanced & {
+			margin-top: 40px;
+		}
+
 		.progress-bar {
 			height: 20px;
 			margin: 2px;