From 1aa64ce83a217953ea928660dfbed38465a6f23e Mon Sep 17 00:00:00 2001
From: Guillermo Ramos
Date: Fri, 14 Feb 2020 13:51:32 +0100
Subject: Fix milligram colors for pagination bar

---
 assets/css/app.scss                | 22 ++++++++++++++++++++++
 lib/waev_web/views/exports_view.ex |  2 +-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/assets/css/app.scss b/assets/css/app.scss
index 2f528c7..5258d6b 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -22,6 +22,28 @@ body {
   padding: 0 2rem;
 }
 
+/* Fix milligram */
+.button-colored {
+  background-color: var(--color-1);
+  border-color: var(--color-1);
+
+  &.button-milligram-solid[disabled] {
+    background-color: var(--color-1);
+    border-color: var(--color-1);
+    opacity: 1;
+  }
+  &.button-clear, &.button-outline {
+    background-color: transparent;
+    color: var(--color-1);
+  }
+  &.button-clear {
+    &[disabled]:hover {
+      color: var(--color-1);
+    }
+    border-color: transparent;
+  }
+}
+
 .container {
   margin: 0 auto;
   max-width: 90.0rem;
diff --git a/lib/waev_web/views/exports_view.ex b/lib/waev_web/views/exports_view.ex
index f82b68d..83647ce 100644
--- a/lib/waev_web/views/exports_view.ex
+++ b/lib/waev_web/views/exports_view.ex
@@ -124,7 +124,7 @@ defmodule WaevWeb.ExportsView do
 
     btn = fn enabled, highlight, page, text ->
       ~E"""
-      <a class="button button-large <%= if (not highlight) do %>button-clear<% end %>"
+      <a class="button button-large button-colored <%= if (not highlight) do %>button-clear<% else %>button-milligram-solid<% end %>"
          <%= if enabled do %>
            href="<%= path.(page) %>"
          <% else %>
-- 
cgit v1.2.3