Fix positionning and cleanup css

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

1 files changed, 25 insertions, 0 deletions

diff --git a/css/contacts.scss b/css/contacts.scss
index 111a7cf2..6d411add 100644
--- a/css/contacts.scss
+++ b/css/contacts.scss
@@ -25,6 +25,7 @@ $grid-height-unit: 40px;
 $grid-input-padding: 7px;
 $grid-input-margin: 3px;
 $grid-input-height-with-margin: $grid-height-unit - $grid-input-margin * 2;
+$list-width: 300px;
 
 // components
 @import 'SettingsSection';
@@ -38,3 +39,27 @@ $grid-input-height-with-margin: $grid-height-unit - $grid-input-margin * 2;
 // various
 @import 'animations';
 @import 'icons';
+
+
+// global design overrides
+#app-content-wrapper {
+	display: flex;
+}
+
+.app-content-details {
+	// Starts shrinking at the same width as the list
+	flex: 1 1 $list-width;
+	min-width: 0;
+	padding: 0 80px 80px 80px;
+}
+
+.app-content-list {
+	flex: 1 1 $list-width;
+	// Cancel scrolling
+	overflow: visible;
+
+	// Make sure we don't show extra margins
+	.empty-content {
+		padding: 20px;
+	}
+}