From 15cc26ad89be57bdca034927e50239f46d08fc8a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Melan=C3=A7on?= <ben@agaric.com>
Date: Fri, 30 Aug 2019 21:09:32 -0400
Subject: [PATCH] Make the background only as long as the words

---
 .../custom/geofresco/src/global/_components.scss     | 12 +++++++++++-
 web/themes/custom/geofresco/src/global/global.scss   |  1 +
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/web/themes/custom/geofresco/src/global/_components.scss b/web/themes/custom/geofresco/src/global/_components.scss
index 76e3677..a412012 100644
--- a/web/themes/custom/geofresco/src/global/_components.scss
+++ b/web/themes/custom/geofresco/src/global/_components.scss
@@ -56,5 +56,15 @@
  * any part of the grassy field image used as the background.
  */
 .footer .views-field {
-  background-color: rgba($green-gray, 0.4);
+  .field-content {
+    background-color: rgba($offwhite, 0.9);
+    padding: 0.2em;
+    border-radius: 0.3em;
+  }
+  &.views-field-changed {
+    font-size: 0.8em;
+    color: $green-gray;
+    margin-top: 0.2rem;
+    margin-bottom: 0.4rem;
+  }
 }
diff --git a/web/themes/custom/geofresco/src/global/global.scss b/web/themes/custom/geofresco/src/global/global.scss
index a4e0436..46f45d7 100644
--- a/web/themes/custom/geofresco/src/global/global.scss
+++ b/web/themes/custom/geofresco/src/global/global.scss
@@ -6,6 +6,7 @@ $red: #a70c20;
 $light-green: #65AB1F;
 $green: #478D00;
 $green-gray: #8FB489;
+$offwhite: #F8F8F8;
 
 // Update Bulma's global variables.
 $primary: $green;