Merge pull request #1215 from consul/budget-styles

Budget styles

app/assets/fonts/icons.svg

@@ -54,4 +54,8 @@
 <glyph glyph-name="arrow-down" unicode="&#82;" d="M402 311c0-5-2-9-5-13l-128-128c-4-4-8-5-13-5-5 0-9 1-13 5l-128 128c-3 4-5 8-5 13 0 5 2 9 5 13 4 3 8 5 13 5l256 0c5 0 9-2 13-5 3-4 5-8 5-13z"/>
 <glyph glyph-name="arrow-left" unicode="&#84;" d="M347 384l0-256c0-5-1-9-5-13-4-3-8-5-13-5-5 0-9 2-13 5l-128 128c-3 4-5 8-5 13 0 5 2 9 5 13l128 128c4 3 8 5 13 5 5 0 9-2 13-5 4-4 5-8 5-13z"/>
 <glyph glyph-name="arrow-right" unicode="&#85;" d="M329 256c0-5-2-9-5-13l-128-128c-4-3-8-5-13-5-5 0-9 2-13 5-4 4-5 8-5 13l0 256c0 5 1 9 5 13 4 3 8 5 13 5 5 0 9-2 13-5l128-128c3-4 5-8 5-13z"/>
+<glyph glyph-name="check-circle" unicode="&#86;" d="M256 480c-124 0-224-100-224-224 0-124 100-224 224-224 124 0 224 100 224 224 0 124-100 224-224 224z m115-149l-139-179c-1-1-3-3-5-3-3 0-4 1-5 3-2 1-79 76-79 76l-2 1c0 1-1 2-1 3 0 2 1 3 1 4 1 0 1 0 1 1 8 8 24 24 25 25 1 2 2 3 4 3 3 0 5-2 6-3 1-1 45-43 45-43l111 143c1 0 2 1 4 1 1 0 2 0 3-1l31-24c0-1 1-3 1-4 0-1 0-2-1-3z"/>
+<glyph glyph-name="arrow-top" unicode="&#87;" d="M402 165c0-5-2-10-5-13-4-4-8-6-13-6l-256 0c-5 0-9 2-13 6-3 3-5 8-5 13 0 5 2 9 5 12l128 128c4 4 8 6 13 6 5 0 9-2 13-6l128-128c3-3 5-7 5-12z"/>
+<glyph glyph-name="help-1" unicode="&#88;" d="M345 435c-27 21-58 28-98 28-29 0-55-6-75-20-30-20-44-54-44-108l77 0c0 14-2 30 7 43 8 13 20 24 40 24 20 0 31-6 41-18 8-11 11-23 11-36 0-12-5-22-12-32-4-5-9-10-15-15 0 0-42-25-56-48-11-18-15-40-16-66 0-2 0-5 7-5 7 0 56 0 62 0 6 0 7 4 7 6 0 9 2 24 3 29 4 11 10 20 20 28l21 14c18 15 33 26 40 36 11 15 19 34 19 57 0 36-13 64-39 83z m-103-293c-26 1-47-17-48-46-1-28 19-46 45-47 27-1 48 17 49 45 1 28-19 47-46 48z"/>
+<glyph glyph-name="checkmark-circle" unicode="&#89;" d="M171 296l-29-30 93-93 208 208-29 29-179-178z m251-40c0-92-74-166-166-166-92 0-166 74-166 166 0 92 74 166 166 166 16 0 31-2 46-6l32 32c-24 11-50 16-78 16-114 0-208-94-208-208 0-114 94-208 208-208 114 0 208 94 208 208z"/>
 </font></defs></svg>

app/assets/stylesheets/icons.scss

@@ -172,3 +172,15 @@
 .icon-arrow-right:before {
   content: "\55";
 }
+.icon-check-circle:before {
+  content: "\56";
+}
+.icon-arrow-top:before {
+  content: "\57";
+}
+.icon-help-1:before {
+  content: "\58";
+}
+.icon-checkmark-circle:before {
+  content: "\59";
+}

app/assets/stylesheets/participation.scss

@@ -1275,12 +1275,17 @@ ul.ballot-list {
   }
 }
 
+.select-district a {
+  display: inline-block;
+  margin: $line-height/4 0;
+  padding: $line-height/4;
+}
+
 .select-district .active a {
   background: #f9f9f9;
   border-radius: rem-calc(3);
   color: $budget;
   font-weight: bold;
-  padding: $line-height/4;
 
   &:after {
     content: "\56";

app/views/budgets/groups/show.html.erb

@@ -1,11 +1,11 @@
-<div class="row investment-projects-scope margin-bottom no-margin-top">
+<div class="row investment-projects-scope margin-bottom">
   <div id="select-district" class="small-12 medium-7 column select-district">
     <%= link_to budget_path(@budget), class: "back" do %>
       <span class="icon-angle-left"></span>
       <%= t('shared.back') %>
     <% end %>
 
-    <h2><%# t("spending_proposals.welcome.districts") %></h2>
+    <h2><%= t("budgets.groups.show.title") %></h2>
 
     <div class="row">
       <% @group.headings.each_slice(7) do |slice| %>

config/locales/budgets.en.yml

@@ -11,6 +11,9 @@ en:
           other: "You have voted <span>%{count}</span> proposals."
         voted_info_html: "You can change your vote at any time until the close of this phase.<br> No need to invest all the money available."
         zero: You have not voted any investment project.
+    groups:
+      show:
+        title: Select a heading
   budget:
     phase:
       on_hold: On hold

config/locales/budgets.es.yml

@@ -11,6 +11,9 @@ es:
           other: "Has votado <span>%{count}</span> propuestas."
         voted_info_html: "Puedes cambiar tus votos en cualquier momento hasta el cierre de esta fase.<br> No hace falta que inviertas todo el dinero disponible."
         zero: "Todavía no has votado ninguna propuesta de inversión."
+    groups:
+      show:
+        title: Selecciona una partida
   budget:
     phase:
       on_hold: En pausa