[design] improve form inline

This commit is contained in:
zombieFox 2019-12-29 09:07:39 -07:00
parent 3ea18b11e2
commit f0cfe94003
2 changed files with 6 additions and 7 deletions

View File

@ -210,10 +210,6 @@ button [class*=" button-"]:last-child,
padding: 0.5em 0; padding: 0.5em 0;
position: relative; position: relative;
width: 100%; width: 100%;
display: block; display: flex;
} flex-direction: row;
.button-wrap-inline {
width: initial;
display: inline-block;
} }

View File

@ -1200,6 +1200,8 @@ input[type="range"]:disabled::-moz-range-progress {
} }
.form-inline { .form-inline {
margin-left: -0.5em;
margin-right: -0.5em;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
@ -1208,7 +1210,8 @@ input[type="range"]:disabled::-moz-range-progress {
} }
.form-inline>* { .form-inline>* {
margin-right: 1em; padding-left: 0.5em;
padding-right: 0.5em;
width: initial; width: initial;
} }