Fix some more IE11 issues

client/src/components/content-forms/ContentBlockElementChooserWidget.vue

@@ -128,7 +128,7 @@
 
     &__link-icon {
       width: 40px;
-      height: auto;
+      height: 40px;
       margin-bottom: 15px;
     }
 

client/src/components/modules/ModuleTeaser.vue

@@ -35,6 +35,7 @@
     box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.12);
     border: 1px solid #E2E2E2;
     height: 330px;
+    max-width: 380px;
     width: 100%;
     border-radius: 12px;
     overflow: hidden;

client/src/layouts/DefaultLayout.vue

@@ -77,7 +77,7 @@
      * For IE10+
      */
     display: -ms-grid;
-    -ms-grid-rows: 50px 30px 1fr; // 1 extra row for gap
+    -ms-grid-rows: 50px 30px auto; // 1 extra row for gap
     -ms-grid-columns: 1fr;
 
     @include skillbox-colors;

client/src/pages/book.vue

@@ -26,6 +26,7 @@
 
     &__content {
       display: -ms-grid;
+      -ms-grid-columns: 1200px;
       @supports (display: grid) {
         display: grid;
       }

client/src/pages/portfolio.vue

@@ -44,7 +44,7 @@
       }
     },
 
-    data () {
+    data() {
       return {
         projects: [],
         me: {}
@@ -52,7 +52,7 @@
     },
 
     computed: {
-      userId () {
+      userId() {
         return this.me.id;
       }
     },
@@ -79,7 +79,7 @@
         })
       },
       editProject(id) {
-        this.$router.push({name: 'edit-project', params: { id }});
+        this.$router.push({name: 'edit-project', params: {id}});
       },
       updateShareState(id, state) {
         const project = this.projects.filter(project => project.id === id)[0];
@@ -111,23 +111,25 @@
     flex-direction: column;
     @supports (display: grid) {
       display: grid;
+      grid-template-columns: minmax(max-content, 840px);
     }
-
     grid-row-gap: 30px;
     grid-auto-rows: 200px;
-    max-width: 640px;
-    width: auto;
-    justify-self: center;
+    max-width: 840px;
+    width: 100vh;
+    /*justify-self: center;*/
     box-sizing: border-box;
     padding: $large-spacing $medium-spacing;
 
     &__page {
       display: flex;
+      flex-direction: column;
       @supports (display: grid) {
         display: grid;
+        align-content: start;
+        justify-content: center;
       }
-      align-content: center;
-      justify-content: center;
+      align-items: center;
 
       padding-top: $large-spacing;
     }

client/src/pages/topic.vue

@@ -93,7 +93,8 @@
 
     &__modules {
       margin-top: 40px;
-      display: -ms-grid;
+      display: flex;
+      flex-wrap: wrap;
       @supports (display: grid) {
         display: grid;
       }