Adds styles to no budgets message

app/views/budgets/index.html.erb

@@ -1,4 +1,4 @@
-<% provide :title do %><%= t('budgets.index.title') %><% end %>
+<% provide :title do %><%= t("budgets.index.title") %><% end %>
 <% content_for :canonical do %>
   <%= render "shared/canonical", href: budgets_url %>
 <% end %>
@@ -152,6 +152,24 @@
         </div>
       </div>
     <% end %>
+  </div>
+<% else %>
+  <div class="expanded budget no-margin-top margin-bottom">
+    <div class="row">
+      <div class="small-12 medium-9 column padding">
+          <h1><%= t("budgets.index.title") %></h1>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="small-12 column">
+      <div class="callout primary">
+        <%= t("budgets.index.empty_budgets") %>
+      </div>
+    </div>
+  </div>
+<% end %>
 
 <div class="row">
   <div class="small-12 column">
@@ -168,7 +186,3 @@
     </div>
   </div>
 </div>
-  </div>
-<% else %>
-  <%= t("budgets.index.empty_budgets") %>
-<% end %>

config/locales/en/budgets.yml

@@ -41,7 +41,7 @@ en:
       finished: Finished budget
     index:
       title: Participatory budgets
-      empty_budgets: There are no budgets
+      empty_budgets: There are no budgets.
       section_header:
         icon_alt: Participatory budgets icon
         title: Participatory budgets

config/locales/es/budgets.yml

@@ -41,7 +41,7 @@ es:
       finished: Resultados
     index:
       title: Presupuestos participativos
-      empty_budgets: No hay presupuestos participativos
+      empty_budgets: No hay presupuestos participativos.
       section_header:
         icon_alt: Icono de Presupuestos participativos
         title: Presupuestos participativos