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; |