From 72ab4f5923a702a819010551f9fd312bbdeccd7a Mon Sep 17 00:00:00 2001
From: Alberto Garcia Cabeza <alberto@decabeza.es>
Date: Tue, 17 Jan 2017 19:09:46 +0100
Subject: [PATCH] fixes styles on callout warning

---
 app/assets/stylesheets/participation.scss      |  8 ++++++++
 app/views/budgets/investments/_header.html.erb | 16 +++++++++-------
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss
index e790c8b02..c72b981c7 100644
--- a/app/assets/stylesheets/participation.scss
+++ b/app/assets/stylesheets/participation.scss
@@ -921,6 +921,14 @@
     color: white;
   }
 
+  .callout.warning {
+    font-size: $base-font-size;
+
+    a {
+      color: $color-warning;
+    }
+  }
+
   &.welcome {
     background: $budget image-url('spending_proposals_bg.jpg');
     background-position: 50% 50%;
diff --git a/app/views/budgets/investments/_header.html.erb b/app/views/budgets/investments/_header.html.erb
index e88a4691c..b315f4ac1 100644
--- a/app/views/budgets/investments/_header.html.erb
+++ b/app/views/budgets/investments/_header.html.erb
@@ -35,13 +35,15 @@
               </div>
             <% else %>
               <h1><%= @heading.name %></h1>
-              <p class="callout warning inline-block">
-                <%= t("budgets.investments.header.different_heading_assigned_html",
-                      heading_link: link_to(
-                        @assigned_heading.name,
-                        budget_investments_path(@budget, heading: @assigned_heading))
-                     ) %>
-              </p>
+              <div class="small-12 medium-9">
+                <div class="callout warning">
+                  <%= t("budgets.investments.header.different_heading_assigned_html",
+                        heading_link: link_to(
+                          @assigned_heading.name,
+                          budget_investments_path(@budget, heading: @assigned_heading))
+                       ) %>
+                </div>
+              </div>
             <% end %>
           <% else %>
             <h1 class="margin-top"><%= @heading.name %></h1>