summaryrefslogtreecommitdiffstats
path: root/css
diff options
context:
space:
mode:
authorJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2021-06-02 10:03:58 +0200
committerJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2021-06-18 12:50:20 +0200
commit6539c328c29f9e865c4873d774a765490e8bad4f (patch)
treeeb594b1c50943ee1c417ea3250181fc09d84d20f /css
parent33c4413ddf98cfe4e436e8c64dbc698b440d9069 (diff)
Comply to new resizeable list feature
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'css')
-rw-r--r--css/contacts.scss12
1 files changed, 5 insertions, 7 deletions
diff --git a/css/contacts.scss b/css/contacts.scss
index 6d411add..0b690d55 100644
--- a/css/contacts.scss
+++ b/css/contacts.scss
@@ -25,7 +25,6 @@ $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';
@@ -42,19 +41,18 @@ $list-width: 300px;
// global design overrides
-#app-content-wrapper {
- display: flex;
+.app-content {
+ // center error messages
+ & > .empty-content {
+ margin: 40vh;
+ }
}
.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;