Move app sidebar out of app content

Signed-off-by: Julius Härtl <jus@bitgrid.net>

css/style.scss

@@ -70,6 +70,32 @@ input.input-inline {
 	cursor: text;
 }
 
+/**
+ * Generic app layout
+ */
+
+.app.app-deck {
+	width: 100%;
+	height: 100%;
+	display: flex;
+}
+
+
+#app-content {
+	display: flex;
+	flex-direction: column;
+}
+#content-wrapper {
+	overflow: hidden;
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	#content {
+		height: calc(100% - 50px);
+		min-height: initial;
+	}
+}
+
 /**
  * Navigation sidebar
  */
@@ -617,17 +643,6 @@ input.input-inline {
 /**
  * App sidebar
  */
-#app-sidebar {
- 	right: -500px;
- 	max-width: 100%;
- 	width: 500px;
- 	display:flex;
- 	flex-direction: column;
-
-	&.details-visible {
-	 	right: 0;
-	}
-}
 
 #sidebar-header {
 	h3 {
@@ -922,16 +937,6 @@ input.input-inline {
 	}
 }
 
-#app-content {
-	overflow: hidden;
-	display: flex;
-	flex-direction: column;
-
-	&.details-visible {
-		margin-right: 500px;
-	}
-}
-
 .labels {
 	display: block;
 	overflow: hidden;