File tree Expand file tree Collapse file tree 2 files changed +56
-32
lines changed Expand file tree Collapse file tree 2 files changed +56
-32
lines changed Original file line number Diff line number Diff line change 37
37
padding-top : 20px ;
38
38
padding-right : 20px ;
39
39
}
40
-
41
40
}
42
41
43
42
.col-md-12 {
49
48
margin : 15px ;
50
49
}
51
50
51
+ .col-md-3 {
52
+ }
53
+
52
54
.bordered-form {
53
55
margin-left : 50px ;
54
56
margin-top : 20px ;
55
57
margin-bottom : 20px ;
56
58
padding : 20px ;
57
- padding-left : 40px ;
58
- padding-right : 40px ;
59
+
59
60
background-color : #ADD6FF ;
60
61
border-radius : 15px ;
61
62
width : 750px ;
62
63
64
+ .bordered-form-header {
65
+ font-size : -webkit-xxx-large ;
66
+ text-align : left ;
67
+ border-bottom : solid black 1px ;
68
+
69
+ .bordered-form-header-note {
70
+ padding-left : 20 ;
71
+ font-size : 12px ;
72
+ }
73
+ }
74
+
75
+ .bordered-form-footer {
76
+ font-size : - small;
77
+ text-align : left ;
78
+ border-bottom : solid black 1px ;
79
+
80
+ .bordered-form-footer-total {
81
+ text-align : right ;
82
+ padding-left : 20 ;
83
+ font-size : 12px ;
84
+ }
85
+ }
86
+
87
+ .bordered-form-new-item {
88
+ padding-top : 5px ;
89
+ padding-bottom : 5px ;
90
+ text-align : right ;
91
+ }
92
+
63
93
.field-name {
64
94
padding-left : 40px ;
65
95
}
77
107
text-align : right ;
78
108
}
79
109
80
- .total-output {
110
+ .bordered-form-total {
81
111
text-align : right ;
82
- padding-right : 20px ;
83
112
font-style : bold ;
84
- font-size : 40px
113
+ font-size : 40px ;
85
114
}
86
115
87
116
.actions {
88
117
padding-left : 472px ;
89
118
font-size : 18px ;
90
119
}
91
-
92
- h2 {
93
- font-size : 40px ;
94
- font-weight : inherit ;
95
- border-bottom : solid black 1px ;
96
- text-align : left ;
97
- }
98
-
99
120
}
Original file line number Diff line number Diff line change 1
1
< div class ="bordered-form " >
2
- < h2 > Incomes</ h2 >
3
- < div > - this is going to be an incomes show page which will list all of the incomes and allow the user to add new income values as the week goes. In the long run this will help keep track of projections.</ div >
4
-
5
- <%= link_to new_mybudget_income_path ( @mybudget , @income ) ,
6
- remote : true , id : "new-item-link" , class : "btn btn-sm btn-default round" do %> New
7
- <% end %>
8
-
9
-
10
- < table class ="table " >
11
- < thead >
2
+ < table class ="bordered-form-header ">
12
3
< tr >
13
- < th > Incomes</ th >
4
+ < td > Incomes</ td >
5
+ < td class ="bordered-form-header-note "> Incomes show page will list all of the incomes and allow the user to add new income values throughout the week.
6
+ </ td >
14
7
</ tr >
15
- </ thead >
8
+ </ table >
9
+
10
+ < div class ="bordered-form-new-item ">
11
+ <%= link_to new_mybudget_income_path ( @mybudget , @income ) ,
12
+ remote : true , id : "new-item-link" , class : "btn btn-sm btn-default round" do %> Add Income
13
+ <% end %>
14
+ </ div >
15
+
16
+ < table class ="table ">
16
17
< tbody >
17
18
<% @mybudget . incomes . each do |income | %>
18
19
< tr >
23
24
</ tr >
24
25
<% end %>
25
26
< tr >
26
- </ tr >
27
- < tr >
28
- < td class ="table-items "> TOTAL INCOME</ td >
29
- < td class ="total-output "> <%= Income . sum ( :amount ) %> </ td >
30
- </ tr >
31
27
</ tbody >
28
+ < tfoot class ="bordered-form-total ">
29
+ < tr >
30
+ < td > TOTAL INCOME</ td >
31
+ < td > $<%= Income . sum ( :amount ) %> </ td >
32
+ < td > </ td >
33
+ </ tr >
34
+ </ tfoot >
32
35
</ table >
33
- </ div >
36
+ </ div >
You can’t perform that action at this time.
0 commit comments