diff --git a/app/assets/stylesheets/budgets/investments/form.scss b/app/assets/stylesheets/budgets/investments/form.scss
index de48941b5..6d84a466d 100644
--- a/app/assets/stylesheets/budgets/investments/form.scss
+++ b/app/assets/stylesheets/budgets/investments/form.scss
@@ -1,5 +1,34 @@
.budget-investment-form {
+ .required-fields {
+ @include full-width-background($adjust-padding: true);
+ background: $light;
+ margin-bottom: $line-height;
+ padding-top: $line-height;
+ }
+
+ > fieldset > legend {
+ float: left;
+ font-size: rem-calc(36);
+ font-weight: bold;
+ margin-bottom: $line-height;
+ text-transform: uppercase;
+
+ + * {
+ clear: left;
+ }
+ }
+
+ select {
+ min-height: $line-height * 2;
+
+ @include breakpoint(medium) {
+ &:not(.js-add-language):not(.js-select-language) {
+ width: 50%;
+ }
+ }
+ }
+
.globalize-languages,
.translatable-fields {
@include grid-row-nest;
@@ -13,6 +42,21 @@
[type="submit"] {
@include regular-button;
- width: 100%;
+ font-size: map-get($button-sizes, large);
+ margin-top: $line-height;
+ }
+
+ .actions {
+ border: 6px solid $border;
+ border-radius: rem-calc(12);
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: $line-height * 2;
+ padding: $line-height * 2 $line-height;
+ text-align: center;
+
+ @include breakpoint(medium) {
+ width: 75%;
+ }
}
}
diff --git a/app/assets/stylesheets/budgets/investments/new.scss b/app/assets/stylesheets/budgets/investments/new.scss
index bda89bd63..f13325fbf 100644
--- a/app/assets/stylesheets/budgets/investments/new.scss
+++ b/app/assets/stylesheets/budgets/investments/new.scss
@@ -1,19 +1,27 @@
.budget-investment-new {
$border-width: 4px;
+ @include grid-column-gutter;
- > * {
- @include grid-column-gutter;
+ > :first-child:not(.print-info) {
+ @include full-width-background($adjust-padding: true);
+ background: $light;
+ margin-top: -$line-height;
+ padding-top: $line-height;
+ }
+
+ h1 {
+ margin-bottom: 0;
}
header {
@include has-fa-icon(building, regular, after);
align-items: center;
+ background-color: $body-background;
border: $border-width solid;
color: $brand-secondary;
border-bottom-right-radius: rem-calc(12);
border-top-right-radius: rem-calc(12);
display: flex;
- margin-bottom: $line-height * 2;
margin-top: $line-height * 2;
@include breakpoint(large) {
@@ -38,7 +46,6 @@
display: flex;
flex: 1;
font-size: rem-calc(36);
- margin-bottom: 0;
padding: $line-height * 2 0;
@include breakpoint(large) {
diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index 85778926f..ec9aef363 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -1074,7 +1074,6 @@ form {
.checkbox,
.radio {
- display: inline-block;
font-weight: normal;
line-height: $line-height;
vertical-align: middle;
diff --git a/app/components/budgets/investments/form_component.html.erb b/app/components/budgets/investments/form_component.html.erb
index d1261be91..34283dbd8 100644
--- a/app/components/budgets/investments/form_component.html.erb
+++ b/app/components/budgets/investments/form_component.html.erb
@@ -2,100 +2,108 @@
<%= render "shared/errors", resource: investment %>
- <% unless budget.single_heading? %>
-
- <%= f.select :heading_id, budget_heading_select_options(budget), { include_blank: true } %>
-
- <% end %>
+
<%= f.invisible_captcha :subtitle %>
- <% if feature?(:allow_images) %>
-
- <%= render "images/nested_image", imageable: investment, f: f %>
-
- <% end %>
+