Browse Source

Admin Panel, use flex "gap" instead of "margin" and "padding"

Martin Filser 3 years ago
parent
commit
9367ef8c41

+ 1 - 2
client/components/settings/peopleBody.styl

@@ -22,14 +22,13 @@ table
   .ext-box-left
   .ext-box-left
     display: flex;
     display: flex;
     width: 100%
     width: 100%
+    gap: 10px
 
 
   span
   span
     vertical-align: center;
     vertical-align: center;
     line-height: 34px;
     line-height: 34px;
-    margin-right: 10px;
 
 
   input, button
   input, button
-    margin: 0 10px 0 0;
     padding: 0;
     padding: 0;
 
 
   button
   button

+ 1 - 1
client/components/settings/settingBody.styl

@@ -21,6 +21,7 @@
     display flex
     display flex
     padding-top 15px
     padding-top 15px
     height 100%
     height 100%
+    gap: 10px;
 
 
     .side-menu
     .side-menu
       background-color: #f7f7f7;
       background-color: #f7f7f7;
@@ -54,7 +55,6 @@
               margin-right: 20px
               margin-right: 20px
 
 
     .main-body
     .main-body
-      padding: 0.1em 1em
       -webkit-user-select: text // Safari 3.1+
       -webkit-user-select: text // Safari 3.1+
       -moz-user-select: text // Firefox 2+
       -moz-user-select: text // Firefox 2+
       -ms-user-select: text // IE 10+
       -ms-user-select: text // IE 10+