From 0ebe8c9ed48152d3ca264f3384ce9a67771ce085 Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Thu, 6 Jan 2022 14:06:46 +0300
Subject: [PATCH] Fix EditApplication layout for Safari (#766)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
 .../src/components/EditApplication.svelte       | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/plugins/recruit-resources/src/components/EditApplication.svelte b/plugins/recruit-resources/src/components/EditApplication.svelte
index 0c9e61c3a1..7b8fa72303 100644
--- a/plugins/recruit-resources/src/components/EditApplication.svelte
+++ b/plugins/recruit-resources/src/components/EditApplication.svelte
@@ -50,18 +50,17 @@
 </script>
 
 {#if object !== undefined && candidate !== undefined}
-  <div class="grid-cards">
-    <CandidateCard {candidate} />
-    <ExpandRightDouble />
-    <VacancyCard {vacancy} />
+  <div class="flex-between">
+    <div class="card"><CandidateCard {candidate} /></div>
+    <div class="arrows"><ExpandRightDouble /></div>
+    <div class="card"><VacancyCard {vacancy} /></div>
   </div>
 {/if}
 
 <style lang="scss">
-  .grid-cards {
-    display: grid;
-    grid-template-columns: 1fr 4rem 1fr;
-    column-gap: 1.5rem;
-    align-items: center;
+  .card {
+    align-self: stretch;
+    width: calc(50% - 3.5rem);
   }
+  .arrows { width: 4rem; }
 </style>