From 8d5109bbf4fec7e4486f5b09bb841f3f7b2700b9 Mon Sep 17 00:00:00 2001
From: imohkay <karen.menezes@gmail.com>
Date: Mon, 25 Oct 2021 16:36:09 +0530
Subject: [PATCH] fix play icons being squares on iPhone for about page

---
 app/static/css/partials/_about.scss |  3 ++-
 app/static/js/about.js              |  4 ++--
 app/templates/about.html            | 16 ++++++++--------
 3 files changed, 12 insertions(+), 11 deletions(-)
 mode change 100644 => 100755 app/static/js/about.js

diff --git a/app/static/css/partials/_about.scss b/app/static/css/partials/_about.scss
index 0f6292b..3bbb25b 100755
--- a/app/static/css/partials/_about.scss
+++ b/app/static/css/partials/_about.scss
@@ -88,7 +88,8 @@
 }
 
 .accordion-caret {
-  font-size: 21px;
+  font-size: 34px;
+  font-family: "icomoon";
   margin-left: auto;
 }
 
diff --git a/app/static/js/about.js b/app/static/js/about.js
old mode 100644
new mode 100755
index 6adc59d..7be21d2
--- a/app/static/js/about.js
+++ b/app/static/js/about.js
@@ -3,9 +3,9 @@ document.querySelectorAll('.accordion-checkbox').forEach(cbox => {
         const label = this.previousElementSibling
         const caret = label.querySelector('.text')
         if (cbox.checked) {
-            caret.innerHTML = '&#9660;'
+            caret.innerHTML = '&#xe903;'
         } else {
-            caret.innerHTML = '&#x25b6;'
+            caret.innerHTML = '&#xe901;'
         }
     })
 })
\ No newline at end of file
diff --git a/app/templates/about.html b/app/templates/about.html
index 6e7156c..f3d5aa2 100755
--- a/app/templates/about.html
+++ b/app/templates/about.html
@@ -47,7 +47,7 @@
                 <li>
                     <label for="bio-anushka" class="accordion-title">
                        <h3>Anushka Rajendran</h3>
-                       <span class="accordion-caret animated-title"><span class="text">&#x25b6;</span></span>
+                       <span class="accordion-caret animated-title"><span class="text">&#xe901;</span></span>
                     </label>
                     <input type="checkbox" id="bio-anushka" class="accordion-checkbox">
                     <div class="accordion-content">
@@ -58,7 +58,7 @@
                 <li>
                     <label for="bio-padma" class="accordion-title">
                        <h3>Pad.ma</h3>
-                       <span class="accordion-caret animated-title"><span class="text">&#x25b6;<!-- &#9660; --></span></span>
+                       <span class="accordion-caret animated-title"><span class="text">&#xe901;</span></span>
                     </label>
                     <input type="checkbox" id="bio-padma" class="accordion-checkbox">
                     <div class="accordion-content">
@@ -72,7 +72,7 @@
                 <li>
                     <label for="bio-annotation" class="accordion-title">
                        <h3>Annotation Collaborators</h3>
-                       <span class="accordion-caret animated-title"><span class="text">&#x25b6;</span></span>
+                       <span class="accordion-caret animated-title"><span class="text">&#xe901;</span></span>
                     </label>
                     <input type="checkbox" id="bio-annotation" class="accordion-checkbox">
                     <div class="accordion-content">
@@ -83,7 +83,7 @@
                 <li>
                     <label for="bio-acknowledgements" class="accordion-title">
                        <h3>Acknowledgements</h3>
-                       <span class="accordion-caret animated-title"><span class="text">&#x25b6;</span></span>
+                       <span class="accordion-caret animated-title"><span class="text">&#xe901;</span></span>
                     </label>
                     <input type="checkbox" id="bio-acknowledgements" class="accordion-checkbox">
                     <div class="accordion-content">
@@ -100,7 +100,7 @@
                 <li>
                     <label for="bio-anushka-zh" class="accordion-title">
                        <h3>安努舒卡．拉堅德蘭</h3>
-                       <span class="accordion-caret animated-title"><span class="text js-accordion-icon-toggle">&#x25b6;</span></span>
+                       <span class="accordion-caret animated-title"><span class="text js-accordion-icon-toggle">&#xe901;</span></span>
                     </label>
                     <input type="checkbox" id="bio-anushka-zh" class="accordion-checkbox">
                     <div class="accordion-content">
@@ -111,7 +111,7 @@
                 <li>
                     <label for="bio-padma-zh" class="accordion-title">
                        <h3>Pad.ma</h3>
-                       <span class="accordion-caret animated-title"><span class="text js-accordion-icon-toggle">&#x25b6;</span></span>
+                       <span class="accordion-caret animated-title"><span class="text js-accordion-icon-toggle">&#xe901;</span></span>
                     </label>
                     <input type="checkbox" id="bio-padma-zh" class="accordion-checkbox">
                     <div class="accordion-content">
@@ -128,7 +128,7 @@
                 <li>
                     <label for="bio-annotation-zh" class="accordion-title">
                        <h3>影片評論共筆</h3>
-                       <span class="accordion-caret animated-title"><span class="text js-accordion-icon-toggle">&#x25b6;</span></span>
+                       <span class="accordion-caret animated-title"><span class="text js-accordion-icon-toggle">&#xe901;</span></span>
                     </label>
                     <input type="checkbox" id="bio-annotation-zh" class="accordion-checkbox">
                     <div class="accordion-content">
@@ -139,7 +139,7 @@
                 <li>
                     <label for="bio-acknowledgements-zh" class="accordion-title">
                        <h3>Acknowledgements</h3>
-                       <span class="accordion-caret animated-title"><span class="text js-accordion-icon-toggle">&#x25b6;</span></span>
+                       <span class="accordion-caret animated-title"><span class="text js-accordion-icon-toggle">&#xe901;</span></span>
                     </label>
                     <input type="checkbox" id="bio-acknowledgements-zh" class="accordion-checkbox">
                     <div class="accordion-content">