changed the dropdown icons to chevrons

Author: Konstiman

vis/js/templates/ScaleToolbar.jsx

@@ -31,10 +31,12 @@ const ScaleToolbar = ({
       <div className="dropdown">
         <DropdownButton
           id="scale-menu"
+          noCaret
           title={
             <>
               {localization.scale_by_label}{" "}
-              <span id="curr-filter-type">{labels[value]}</span>
+              <span id="curr-filter-type">{labels[value]}</span>{" "}
+              <i className="fas fa-chevron-down chevron"></i>
             </>
           }
         >

vis/js/templates/filtersort/FilterDropdown.jsx

@@ -25,9 +25,11 @@ const FilterDropdown = ({
     <div className="dropdown" id="filter_parameter_container">
       <DropdownButton
         id="filter_params"
+        noCaret
         title={
           <>
-            {label} <span id="curr-filter-type">{valueLabel}</span>
+            {label} <span id="curr-filter-type">{valueLabel}</span>{" "}
+            <i className="fas fa-chevron-down chevron"></i>
           </>
         }
       >

vis/js/templates/filtersort/SortDropdown.jsx

@@ -22,9 +22,11 @@ const SortDropdown = ({ label, value, valueLabel, options, handleChange }) => {
     >
       <DropdownButton
         id="sort"
+        noCaret
         title={
           <>
-            {label} <span id="curr-sort-type">{valueLabel}</span>
+            {label} <span id="curr-sort-type">{valueLabel}</span>{" "}
+            <i className="fas fa-chevron-down chevron"></i>
           </>
         }
       >

vis/stylesheets/components/_buttons.scss

@@ -257,6 +257,10 @@ img#close-button {
     }
 }
 
+.dropdown .chevron {
+    font-size: 10px;
+}
+
 @media screen and (max-width: 1150px) {
     #modals .btn, .reload-button.small-reload {
         font-size: 13px;