From 9367ef8c413c038f01d76da4b9beed0b80f6cd48 Mon Sep 17 00:00:00 2001
From: Martin Filser <github-wekan@linux-email.de>
Date: Sun, 10 Apr 2022 12:35:24 +0200
Subject: [PATCH] Admin Panel, use flex "gap" instead of "margin" and "padding"

---
 client/components/settings/peopleBody.styl  | 3 +--
 client/components/settings/settingBody.styl | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/client/components/settings/peopleBody.styl b/client/components/settings/peopleBody.styl
index 9ab1c1f4b..71fc7cbe8 100644
--- a/client/components/settings/peopleBody.styl
+++ b/client/components/settings/peopleBody.styl
@@ -22,14 +22,13 @@ table
   .ext-box-left
     display: flex;
     width: 100%
+    gap: 10px
 
   span
     vertical-align: center;
     line-height: 34px;
-    margin-right: 10px;
 
   input, button
-    margin: 0 10px 0 0;
     padding: 0;
 
   button
diff --git a/client/components/settings/settingBody.styl b/client/components/settings/settingBody.styl
index fed061b76..ad51de926 100644
--- a/client/components/settings/settingBody.styl
+++ b/client/components/settings/settingBody.styl
@@ -21,6 +21,7 @@
     display flex
     padding-top 15px
     height 100%
+    gap: 10px;
 
     .side-menu
       background-color: #f7f7f7;
@@ -54,7 +55,6 @@
               margin-right: 20px
 
     .main-body
-      padding: 0.1em 1em
       -webkit-user-select: text // Safari 3.1+
       -moz-user-select: text // Firefox 2+
       -ms-user-select: text // IE 10+