Commit 927d43ccecf5d99550b5543f22a40dc2c52d385c
Committed by
Diego Camarinha
1 parent
5836a72a
Exists in
colab
and in
4 other branches
Improved display of forms by correcting paddings for the extremities
Signed-off-by: Daniel Miranda <danielkza2@gmail.com>
Showing
1 changed file
with
20 additions
and
1 deletions
Show diff stats
app/assets/stylesheets/form_with_tooltip.css
| 1 | .form-table { | 1 | .form-table { |
| 2 | margin: 0 !important; | 2 | margin: 0 !important; |
| 3 | + padding: 20px; | ||
| 3 | background: #fff; | 4 | background: #fff; |
| 4 | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); | 5 | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); |
| 5 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); | 6 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); |
| @@ -13,11 +14,29 @@ | @@ -13,11 +14,29 @@ | ||
| 13 | display: inline-flex; | 14 | display: inline-flex; |
| 14 | } | 15 | } |
| 15 | 16 | ||
| 17 | +.form-row:first-child { | ||
| 18 | + border-top: none; | ||
| 19 | +} | ||
| 20 | + | ||
| 21 | +.form-row:last-child { | ||
| 22 | + border-bottom: none; | ||
| 23 | +} | ||
| 24 | + | ||
| 16 | .field-container { | 25 | .field-container { |
| 17 | position: relative; | 26 | position: relative; |
| 18 | float: left; | 27 | float: left; |
| 19 | width: 100%; | 28 | width: 100%; |
| 20 | - padding: 20px; | 29 | + padding: 20px 0 20px 0; |
| 30 | +} | ||
| 31 | + | ||
| 32 | +.form-row:first-child .field-container { | ||
| 33 | + padding-top: 0; | ||
| 34 | +} | ||
| 35 | + | ||
| 36 | +.form-row:last-child .field-container { | ||
| 37 | + padding-bottom: 0; | ||
| 38 | +} | ||
| 39 | + | ||
| 21 | .field-container.checkbox, .field-container.radio { | 40 | .field-container.checkbox, .field-container.radio { |
| 22 | padding-top: 0; | 41 | padding-top: 0; |
| 23 | padding-bottom: 0; | 42 | padding-bottom: 0; |