From 308cd49e9c74a1030d9bfdacee9cf8d3128eac09 Mon Sep 17 00:00:00 2001
From: Sergey <ucan.not.advance@gmail.com>
Date: Fri, 1 Jun 2018 11:12:47 +0300
Subject: [PATCH] IE 11 task wrapping issue (#9754) (#10409)

- Added Flex property to force right behaviour
---
 website/client/components/tasks/task.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/website/client/components/tasks/task.vue b/website/client/components/tasks/task.vue
index 50c684fb15..a0b20754b3 100644
--- a/website/client/components/tasks/task.vue
+++ b/website/client/components/tasks/task.vue
@@ -144,6 +144,14 @@
     &.has-notes {
       padding-bottom: 4px;
     }
+
+    /**
+    * Fix flex-wrapping for IE 11
+    * https://github.com/HabitRPG/habitica/issues/9754
+    */
+    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+      flex: 1;
+    }
   }
 
   .task-clickable-area {