Dynamic control bar width

Signed-off-by: Marin Treselj <marin@pixelipo.com>

core/css/mobile.scss

@@ -83,9 +83,7 @@
 
 /* position controls for apps with app-navigation */
 #app-navigation+#app-content #controls {
-	left: 0 !important;
 	padding-left: 44px;
-	width: 100%;
 }
 
 /* .viewer-mode is when text editor, PDF viewer, etc is open */

core/css/styles.scss

@@ -223,12 +223,8 @@ body {
 
 #controls {
 	box-sizing: border-box;
-	position: fixed;
-	top: 45px;
-	right: 0;
-	left: 0;
+	position: relative;
 	height: 44px;
-	width: calc(100% - 250px);
 	padding: 0;
 	margin: 0;
 	background-color: rgba($color-main-background, 0.95);
@@ -237,15 +233,11 @@ body {
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
-	display: inline-flex;
+	display: flex;
 }
 
 /* position controls for apps with app-navigation */
 
-#app-navigation + #app-content #controls {
-	left: 250px;
-}
-
 .viewer-mode #app-navigation + #app-content #controls {
 	left: 0;
 }