From 927d43ccecf5d99550b5543f22a40dc2c52d385c Mon Sep 17 00:00:00 2001 From: Heitor Reis Date: Mon, 18 May 2015 14:40:15 -0300 Subject: [PATCH] Improved display of forms by correcting paddings for the extremities --- app/assets/stylesheets/form_with_tooltip.css | 21 ++++++++++++++++++++- 1 file changed, 20 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/form_with_tooltip.css b/app/assets/stylesheets/form_with_tooltip.css index fe27c7b..bdea62d 100644 --- a/app/assets/stylesheets/form_with_tooltip.css +++ b/app/assets/stylesheets/form_with_tooltip.css @@ -1,5 +1,6 @@ .form-table { margin: 0 !important; + padding: 20px; background: #fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); @@ -13,11 +14,29 @@ display: inline-flex; } +.form-row:first-child { + border-top: none; +} + +.form-row:last-child { + border-bottom: none; +} + .field-container { position: relative; float: left; width: 100%; - padding: 20px; + padding: 20px 0 20px 0; +} + +.form-row:first-child .field-container { + padding-top: 0; +} + +.form-row:last-child .field-container { + padding-bottom: 0; +} + .field-container.checkbox, .field-container.radio { padding-top: 0; padding-bottom: 0; -- libgit2 0.21.2