Update: Add has-numbered-pins class when using numbered pins (fix #320)…

… (#321)

.github/pull_request_template.md

@@ -8,7 +8,7 @@
 * A sentence describing each fix
 
 ### Update
-* A sentence describing each udpate
+* A sentence describing each update
 
 ### New
 * A sentence describing each new feature

README.md

@@ -183,7 +183,7 @@ These labels are not visible elements. They are utilized by assistive technology
 
 ----------------------------
 <a href="https://community.adaptlearning.org/" target="_blank"><img src="https://github.com/adaptlearning/documentation/blob/master/04_wiki_assets/plug-ins/images/adapt-logo-mrgn-lft.jpg" alt="adapt learning logo" align="right"></a>
-**Author / maintainer:** Adapt Core Team with [contributors](https://github.com/adaptlearning/adapt-contrib-hotgraphic/graphs/contributors)
-**Accessibility support:** WAI AA
-**RTL support:** Yes
-**Cross-platform coverage:** Chrome, Chrome for Android, Firefox (ESR + latest version), Edge, Safari 14 for macOS/iOS/iPadOS, Opera
+**Author / maintainer:** Adapt Core Team with [contributors](https://github.com/adaptlearning/adapt-contrib-hotgraphic/graphs/contributors)<br>
+**Accessibility support:** WAI AA<br>
+**RTL support:** Yes<br>
+**Cross-platform coverage:** Chrome, Chrome for Android, Firefox (ESR + latest version), Edge, Safari 14 for macOS/iOS/iPadOS, Opera<br>

templates/hotgraphicLayoutPins.jsx

@@ -54,7 +54,8 @@ export default function HotgraphicLayoutPins(props) {
                   _graphic._classes,
                   _isVisited && 'is-visited',
                   _pin.src && 'has-pin-image',
-                  _pinOffsetOrigin && `offset-origin`
+                  _useNumberedPins && 'is-numbered-pin',
+                  _pinOffsetOrigin && 'offset-origin'
                 ])}
                 data-index={_index}
                 onClick={onPinClicked}