From 138ce32cad60f164000b41579f9a10201d438a7f Mon Sep 17 00:00:00 2001
From: Brogan Clements <brogancle@gmail.com>
Date: Fri, 1 Apr 2022 11:58:14 -0400
Subject: [PATCH] Slight refinement on the language filter dropdown

---
 src/App.css                   | 6 +++---
 src/components/LangFilters.js | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.css b/src/App.css
index 6f3a3b9..9cee6f9 100644
--- a/src/App.css
+++ b/src/App.css
@@ -306,9 +306,9 @@ footer {
 }
 
 .filterHeader button {
-  margin-left: 2em;
-  max-width: 2em;
-  max-height: 2em;
+  margin-left: 1em;
+  width: 1.5em;
+  height: 1.7em;
 }
 
 .langFilters {
diff --git a/src/components/LangFilters.js b/src/components/LangFilters.js
index aaad8b2..ccd4da7 100644
--- a/src/components/LangFilters.js
+++ b/src/components/LangFilters.js
@@ -70,8 +70,8 @@ function LangFilters({ changeParameter, data }) {
   return (
     <div className="langFilters">
       <div className="filterHeader">
-        <h3>Select Language</h3>
-        <button onClick={() => setShow(!showFilters)}>+</button>
+        <h3>Filter by Language</h3>
+        <button onClick={() => setShow(!showFilters)}>{showFilters? "-" : "+"}</button>
       </div>
       {showFilters ? filterList : ""}
     </div>