help arrow fix

content/developers/help/license.md

@@ -3,9 +3,10 @@ title = "What is the license for data on OpenAQ?"
 type = "developers/help"
 weight = 4
 +++
+
 Air quality data is factual in nature, and in some jurisdictions may not be subject to copyright or other protections limiting its use or distribution. However, in some jurisdictions, copyright and/or laws and regulations may apply to some of the data on the OpenAQ platform.
 
-A number of our sources provide their air quality data under specific licensing, such as Creative Commons licensing or open government licenses, which require source attribution. Regardless of whether such  requirements exist or not, we provide attribution to the underlying source of data ingested onto the OpenAQ Platform. 
+A number of our sources provide their air quality data under specific licensing, such as Creative Commons licensing or open government licenses, which require source attribution. Regardless of whether such  requirements exist or not, we provide attribution to the underlying source of data ingested onto the OpenAQ Platform.
 
 When required, OpenAQ users must acknowledge the original source(s) of any data they use, following the provider’s terms, and OpenAQ encourages users to acknowledge all original sources, even if the provider does not require it.
 

themes/openaq/assets/scss/_help.scss

@@ -70,6 +70,9 @@
     justify-content: space-between;
     padding: 22px 20px;
     cursor: pointer;
+    svg {
+      fill: rgb(0, 0, 0);
+    }
   }
 
   &-content {
@@ -115,7 +118,8 @@ input:checked {
     border-radius: 12px 12px 0 0;
     background: variables.$sky120;
     color: white;
-    .expand-icon {
+    svg {
+      fill: rgb(255, 255, 255);
       transform: rotate(180deg);
     }
   }

themes/openaq/layouts/developers/help/list.html

@@ -13,9 +13,7 @@ <h1 class="type-display-1 gradient-title">Help & FAQ</h1>
             <input type="checkbox" id="chck{{$index}}">
             <label class="tab-label" for="chck{{$index}}">
               {{.Title}}
-              <span class="material-symbols-outlined expand-icon">
-                expand_more
-              </span>
+                <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg>
           </label>
             <div class="tab-content">
                 {{ .Content }}