Merge pull request #1114 from consul/design-fixes

Fixes styles for mobile and updates scss files

app/assets/stylesheets/layout.scss

@@ -488,6 +488,10 @@ header {
   }
 }
 
+.search-form-header input[type=text] {
+  max-width: none;
+}
+
 // 03. Footer
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
@@ -1756,7 +1760,7 @@ table {
       }
     }
 
-    &.activity-investment-projects td:first-child:before {
+    &.activity-investment-projects td:first-child:before, &.activity-ballot td:first-child:before {
       content: "\53";
       top: 10px;
     }

app/assets/stylesheets/participation.scss

@@ -835,12 +835,23 @@
     border-left: 1px solid $border;
     margin: 0 rem-calc(-12);
     min-height: rem-calc(180);
+    padding-top: 0;
+
+    @media (min-width: $small-breakpoint) {
       padding-top: $line-height*1.5;
+    }
 
     &:after {
       content: none;
     }
 
+    .investment-project-amount {
+      color: $budget;
+      font-size: rem-calc(20);
+      font-weight: bold;
+      margin-bottom: 0;
+    }
+
     .button-support {
       background: $budget;
       color: white;
@@ -864,6 +875,14 @@
 
     .supported {
       color: $budget;
+      margin-top: 0;
+      width: 100%;
+    }
+
+    .remove .icon-check-circle {
+      display: block;
+      font-size: rem-calc(70);
+      line-height: rem-calc(70);
     }
 
     .no-supports-allowed {

app/views/shared/_search_form.html.erb

@@ -1,4 +1,4 @@
-<div id="search_form">
+<div id="search_form" class="search-form-header">
   <%= form_tag search_path, method: :get do %>
     <div class="input-group">
       <label class="sr-only"><%= t("#{i18n_namespace}.title") %></label>