fix(QIcon): use content-box sizing to prevent shrinking when using padding quasarframework#7158 (quasarframework#7170)

Author: pdanpdan

ui/src/components/icon/QIcon.sass

@@ -9,6 +9,7 @@
   direction: ltr
   text-align: center
   position: relative
+  box-sizing: content-box
 
   fill: currentColor // for svg paths
 

ui/src/components/icon/QIcon.styl

@@ -9,6 +9,7 @@
   direction: ltr
   text-align: center
   position: relative
+  box-sizing: content-box
 
   fill: currentColor // for svg paths
 

ui/src/plugins/Notify.js

@@ -341,7 +341,7 @@ const Notifications = {
           if (notif.icon) {
             mainChild.push(
               h(QIcon, {
-                staticClass: 'q-notification__icon col-auto',
+                staticClass: 'q-notification__icon',
                 attrs: { role: 'img' },
                 props: { name: notif.icon }
               })

ui/src/plugins/Notify.sass

@@ -40,7 +40,8 @@ body.q-ios-padding .q-notifications__list
 
   &__icon
     font-size: 24px
-    padding-right: 16px
+    margin-right: 16px
+    flex: 0 0 1em
 
   &__avatar
     font-size: 32px

ui/src/plugins/Notify.styl

@@ -40,7 +40,8 @@ body.q-ios-padding .q-notifications__list
 
   &__icon
     font-size: 24px
-    padding-right: 16px
+    margin-right: 16px
+    flex: 0 0 1em
 
   &__avatar
     font-size: 32px