Improved display of forms by correcting paddings for the extremities

Signed-off-by: Daniel Miranda <danielkza2@gmail.com>

Improved display of forms by correcting paddings for the extremities
Signed-off-by: Daniel Miranda <danielkza2@gmail.com>
Heitor · Diego Camarinha
1 parent 5836a72a
Showing 1 changed file with 20 additions and 1 deletions Show diff stats
app/assets/stylesheets/form_with_tooltip.css
 .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;
1	1	.form-table {
2	2	margin: 0 !important;
	3	+ padding: 20px;
3	4	background: #fff;
4	5	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
5	6	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
...	...	@@ -13,11 +14,29 @@
13	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	25	.field-container {
17	26	position: relative;
18	27	float: left;
19	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	40	.field-container.checkbox, .field-container.radio {
22	41	padding-top: 0;
23	42	padding-bottom: 0;
...	...