fixed toggle icon border radius (this is the good one) (quasarframework#1747)

* fixed toggle icon border radius

* additional icon sets

* added newline character

* added newline and missing styling

Author: BenoitRanque

icons/fontawesome-pro.js

@@ -52,7 +52,7 @@ export default {
     add: 'fal fa-paper-plane'
   },
   collapsible: {
-    icon: 'fal fa-chevron-down'
+    icon: 'fal fa-caret-down'
   },
   datetime: {
     arrowLeft: 'fal fa-chevron-left',

icons/fontawesome.js

@@ -52,7 +52,7 @@ export default {
     add: 'far fa-paper-plane'
   },
   collapsible: {
-    icon: 'fas fa-chevron-down'
+    icon: 'fas fa-caret-down'
   },
   datetime: {
     arrowLeft: 'fas fa-chevron-left',

icons/ionicons.js

@@ -52,7 +52,7 @@ export default {
     add: 'ion-android-send'
   },
   collapsible: {
-    icon: 'ion-chevron-down'
+    icon: 'ion-arrow-down-b'
   },
   datetime: {
     arrowLeft: 'ion-chevron-left',

icons/material-icons.js

@@ -52,7 +52,7 @@ export default {
     add: 'send'
   },
   collapsible: {
-    icon: 'keyboard_arrow_down'
+    icon: 'arrow_drop_down'
   },
   datetime: {
     arrowLeft: 'chevron_left',

icons/mdi.js

@@ -52,7 +52,7 @@ export default {
     add: 'mdi-send'
   },
   collapsible: {
-    icon: 'mdi-chevron-down'
+    icon: 'mdi-menu-down'
   },
   datetime: {
     arrowLeft: 'mdi-chevron-left',

src/components/collapsible/QCollapsible.js

@@ -76,7 +76,7 @@ export default {
       return [
         h(QItemTile, {
           slot: slot ? 'right' : undefined,
-          staticClass: 'cursor-pointer transition-generic relative-position',
+          staticClass: 'cursor-pointer transition-generic relative-position q-collapsible-toggle-icon',
           'class': {
             'rotate-180': this.showing,
             invisible: this.disable

src/components/collapsible/collapsible.ios.styl

@@ -29,3 +29,8 @@
     padding-top 0
   &:last-child
     padding-bottom 0
+
+.q-collapsible-toggle-icon
+  border-radius 50%
+  width 1em
+  text-align center

src/components/collapsible/collapsible.mat.styl

@@ -29,3 +29,8 @@
     padding-top 0
   &:last-child
     padding-bottom 0
+
+.q-collapsible-toggle-icon
+  border-radius 50%
+  width 1em
+  text-align center