Merge pull request #928 from HumanBrainProject/exmp_quickTour_1

Change arrows

src/ui/quickTour/arrowCmp/arrow.template.html

@@ -2,11 +2,11 @@
 
 <svg id="arrow_head"
   [style.transform]="headTranslate"
-  viewBox="0 0 100 100"
+  viewBox="0 -2 55 100"
   fill="none"
   xmlns="http://www.w3.org/2000/svg">
   <g id="arrow_head_group">
-    <path id="arrrow_head_path" d="M1 53C1 53 9.5 49 18.5 40.5C22.4557 36.7641 34.4615 25.5 41 17C46 10.5 52 1.5 52 1.5C52 1.5 59.5 7 68 15M68 15C72.3675 19.1106 82.5632 29.8269 89.5 38.5M68 15L89.5 38.5M99.5 53C99.5 53 96 47.5 89.5 38.5"/>
+    <path id="arrrow_head_path" d="M.5 31.0882C8.402 15.7941 16.3039.5 24.9706.5S43.0686 15.7941 52.5 31.0882"/>
   </g>
 </svg>
 
@@ -16,7 +16,7 @@
   <ng-template [ngSwitchCase]="'concave-from-top'">
     <svg id="arrow_stem"
       [style]="stemStyle"
-      viewBox="0 0 100 100"
+      viewBox="5 -10 100 100"
       fill="none"
       preserveAspectRatio="none"
       xmlns="http://www.w3.org/2000/svg">
@@ -24,7 +24,7 @@
         <path id="arrow_stem_concave_2" d="M0 0.499998C0 0.499998 26.0937 -0.22897 42 4C56.0254 7.72889 65.0753 9.44672 76 19C89.5421 30.8421 92.3854 42.6124 97 60C100.968 74.9525 100 99.5 100 99.5" />
       </g>
     </svg>
-      
+
   </ng-template>
   <ng-template [ngSwitchCase]="'concave-from-bottom'">
     <svg id="arrow_stem"
@@ -37,9 +37,9 @@
         <path id="arrow_stem_concave_2" d="M0 0.499998C0 0.499998 26.0937 -0.22897 42 4C56.0254 7.72889 65.0753 9.44672 76 19C89.5421 30.8421 92.3854 42.6124 97 60C100.968 74.9525 100 99.5 100 99.5" />
       </g>
     </svg>
-      
+
   </ng-template>
-  
+
   <!-- arrow stem, straight -->
   <ng-template ngSwitchDefault>
     <svg id="arrow_stem"