Many ie style fixes (#9728)

webpack/webpack.dev.conf.js

@@ -7,7 +7,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 // add hot-reload related code to entry chunks
 Object.keys(baseWebpackConfig.entry).forEach((name) => {
-  baseWebpackConfig.entry[name] = ['./webpack/dev-client'].concat(baseWebpackConfig.entry[name]);
+  baseWebpackConfig.entry[name] = baseWebpackConfig.entry[name].concat('./webpack/dev-client');
 });
 
 module.exports = merge(baseWebpackConfig, {

website/client/app.vue

@@ -49,6 +49,10 @@ div
       margin-bottom: 1em;
     }
 
+    .row {
+      width: 100%;
+    }
+
     h2 {
       color: #fff;
       font-size: 32px;

website/client/assets/scss/task.scss

@@ -223,6 +223,7 @@
 
   .svg-icon {
     width: 10px;
+    height: 10px;
     margin: 0 auto;
   }
 

website/client/components/groups/createPartyModal.vue

@@ -57,6 +57,7 @@ b-modal#create-party-modal(title="Empty", size='lg', hide-footer=true)
   .header-wrap {
     padding: 0;
     color: #4e4a57;
+    width: 100%;
 
     .quest_screen {
       background-image: url('~client/assets/images/quest_screen.png');

website/client/components/groups/group.vue

@@ -146,6 +146,7 @@
 
     .svg-icon.shield, .svg-icon.gem {
       width: 28px;
+      height: 28px;
       margin: 0 auto;
       display: inline-block;
       vertical-align: bottom;

website/client/components/snackbars/notification.vue

@@ -64,6 +64,7 @@ transition(name="fade")
 
   .svg-icon {
     width: 20px;
+    height: 20px;
     margin-right: .5em;
   }
 

website/client/components/tasks/spells.vue

@@ -103,6 +103,7 @@ div(v-if='user.stats.lvl > 10')
 
       .svg-icon {
         width: 16px;
+        height: 16px;
         margin-right: .2em;
       }
     }

website/client/components/tasks/taskModal.vue

@@ -492,8 +492,13 @@
       border-top-left-radius: 8px;
       border-top-right-radius: 8px;
       margin-top: 50px;
+      width: 100%;
 
-
+      span {
+        display: block;
+        margin: 0 auto;
+        width: 50px;
+      }
 
       .delete-task-btn {
         color: $red-50;

website/client/components/userMenu/profile.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
 div
   b-modal#profile(title="Profile", size='lg', :hide-footer="true")
-    div(slot='modal-header')
+    .header(slot='modal-header')
       .profile-actions
         button.btn.btn-secondary.message-icon(@click='sendMessage()', v-b-tooltip.hover.left="$t('sendMessage')")
           .svg-icon.message-icon(v-html="icons.message")
@@ -293,11 +293,23 @@ div
       background: #f9f9f9;
     }
   }
+
+  .message-icon svg {
+    height: 16px;
+  }
+
+  .gift-icon svg {
+    height: 14px;
+  }
 </style>
 
 <style lang="scss" scoped>
   @import '~client/assets/scss/colors.scss';
 
+  .header {
+    width: 100%;
+  }
+
   .profile-actions {
     float: right;
     margin-right: 1em;