Improves styles for proposals and buttons

app/assets/stylesheets/layout.scss

@@ -224,8 +224,12 @@ a {
 .button {
   background: $brand;
   font-size: $small-font-size;
-  font-family: $font-family-sans-serif !important;
+  font-family: $font-sans !important;
   padding: rem-calc(15) rem-calc(32);
+
+  &:hover {
+    text-decoration: none !important;
+  }
 }
 
 .postfix.button {
@@ -774,6 +778,7 @@ footer {
 .footer {
   background: #DEE0E2;
   border-top: rem-calc(6) solid $brand;
+  padding-top: $line-height;
 }
 
 .subfooter {
@@ -844,7 +849,7 @@ footer {
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
 .auth-page {
-  background: #065687 image-url("auth_bg.jpg");
+  background: $brand image-url("auth_bg.jpg");
   background-repeat: no-repeat;
   background-size: cover;
 
@@ -989,7 +994,6 @@ form {
 
   .checkbox {
     display: inline-block;
-    font-size: $small-font-size;
     font-weight: normal;
     line-height: $line-height;
     vertical-align: middle;
@@ -1086,6 +1090,10 @@ label.error, label.error a {
   background: white;
   padding-top: rem-calc(24);
 
+  a {
+    font-family: $font-sans;
+  }
+
   .icon-debates {
     color: $debates;
     font-size: rem-calc(60);
@@ -1714,6 +1722,7 @@ table {
   }
 
   .verification-step {
+    font-family: $font-sans;
     font-weight: bold;
     line-height: rem-calc(20);
     padding-top: rem-calc(6);

app/assets/stylesheets/participation.scss

@@ -113,6 +113,7 @@
   .not-logged {
     background: rgba(22,99,135,.9);
     color: white;
+    font-size: $small-font-size;
     height: 100%;
     left: 0;
     position: absolute;
@@ -193,7 +194,7 @@
     background: white;
     color: $proposals;
     display: inline-block;
-    font-size: rem-calc(14);
+    font-size: $small-font-size;
     margin-top: rem-calc(12);
 
     &:hover {
@@ -210,12 +211,10 @@
   .total-supports {
     color: white;
     text-align: center;
-    font-size: rem-calc(14);
+    font-size: $small-font-size;
 
     span {
       display: block;
-      font-size: rem-calc(11);
-      opacity: .75;
     }
   }
 
@@ -226,6 +225,7 @@
   .not-logged {
     background: rgba(255,164,45,.9);
     color: white;
+    font-size: $small-font-size;
     height: 100%;
     left: 0;
     position: absolute;
@@ -781,11 +781,11 @@
       display: block;
       border-style: solid;
       border-color: #664212 transparent transparent transparent;
-      bottom: rem-calc(-14);
+      bottom: -14px;
       border-left-width: 0;
       border-right-color: transparent;
-      right: rem-calc(-1);
-      border-width: 1em 1em 0 0;
+      right: -1px;
+      border-width: 13px 13px 0 0;
 
       @media (min-width: $small-breakpoint) {
         content: "";
@@ -960,6 +960,7 @@
     .not-logged, .organizations-votes {
       background: #FED900;
       color: $warning-color;
+      font-size: $small-font-size;
       line-height: rem-calc(24);
       padding-top: rem-calc(6);
 
@@ -1026,6 +1027,7 @@
 
   .info, .info a {
     color: white !important;
+    font-family: $font-sans;
     font-size: $small-font-size;
   }