Merge pull request #1250 from consul/improve-styles

Improve styles

app/assets/stylesheets/layout.scss

@@ -23,6 +23,11 @@
 // 01. Global styles
 // -----------------
 
+::selection {
+  color: white;
+  background-color: $brand;
+}
+
 body {
   font-size: $base-font-size;
 }
@@ -148,10 +153,6 @@ a {
   height: 100%;
 }
 
-.wrap {
-  background: white;
-}
-
 .footer, .push {
   clear: both;
   min-height: $line-height*12;

app/assets/stylesheets/mixins.scss

@@ -13,7 +13,7 @@
   font-size: rem-calc(24);
   font-weight: lighter;
 
-  @include breakpoint(small) {
+  @include breakpoint(medium) {
     line-height: $line-height*2;
     margin-top: 0;
   }
@@ -22,7 +22,7 @@
     height: 48px;
     width: 48px;
 
-    @include breakpoint(small) {
+    @include breakpoint(medium) {
       height: 80px;
       margin-right: $line-height/2;
       margin-top: 0;

app/views/debates/index.html.erb

@@ -6,7 +6,7 @@
 <% end %>
 
 <main>
-  <div class="wrap row">
+  <div class="row">
     <div id="debates" class="debates-list small-12 medium-9 column">
 
       <div class="small-12 search-results">

app/views/management/proposals/index.html.erb

@@ -1,7 +1,7 @@
 <main>
   <%= render 'admin/shared/proposal_search', url: management_proposals_path %>
 
-  <div class="wrap row">
+  <div class="row">
     <div id="proposals" class="proposals-list small-12 medium-9 column">
 
       <div class="filters">

app/views/management/spending_proposals/index.html.erb

@@ -3,7 +3,7 @@
     <%= render 'admin/shared/spending_proposal_search', url: management_spending_proposals_path %>
   </span>
 
-  <div class="wrap row">
+  <div class="row">
     <div id="investment-projects" class="investment-projects-list small-12 medium-9 column">
 
 

app/views/proposals/index.html.erb

@@ -6,7 +6,7 @@
 <% end %>
 
 <main>
-  <div class="wrap row">
+  <div class="row">
     <div id="proposals" class="proposals-list small-12 medium-9 column">
 
       <div class="small-12 search-results">

app/views/proposals/summary.html.erb

@@ -1,5 +1,5 @@
 <main>
-  <div class="wrap row proposals-summary">
+  <div class="row proposals-summary">
     <div id="proposals" class="proposals-list small-12 medium-9 column">
       <%= render "shared/back_link" %>
 

app/views/spending_proposals/index.html.erb

@@ -6,7 +6,7 @@
 <% end %>
 
 <main>
-  <div class="wrap row">
+  <div class="row">
     <div id="investment-projects" class="investment-projects-list small-12 medium-9 column">
 
       <div class="small-12 search-results">