From 66b6a84b439eab9ea86d9c590eeea675de624d8e Mon Sep 17 00:00:00 2001
From: martintomas <martintomas.it@gmail.com>
Date: Tue, 28 Nov 2023 14:07:56 +0100
Subject: [PATCH] refactoring: Reposition items inside ASCOR country box

---
 app/assets/stylesheets/tpi/pages/ascor.scss   | 4 +++-
 app/views/tpi/ascor/_country_details.html.erb | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/tpi/pages/ascor.scss b/app/assets/stylesheets/tpi/pages/ascor.scss
index d3f8bd093..4970eb670 100644
--- a/app/assets/stylesheets/tpi/pages/ascor.scss
+++ b/app/assets/stylesheets/tpi/pages/ascor.scss
@@ -645,13 +645,15 @@ $see-more-width-tablet: 130px;
 
     @include desktop {
       .columns {
-        justify-content: space-evenly;
+        flex-wrap: wrap;
       }
 
       .column {
         flex-basis: unset;
         flex-grow: unset;
         flex-shrink: unset;
+        min-width: 50%;
+        max-width: 50%;
       }
     }
   }
diff --git a/app/views/tpi/ascor/_country_details.html.erb b/app/views/tpi/ascor/_country_details.html.erb
index 35acb59b4..c22f10ce9 100644
--- a/app/views/tpi/ascor/_country_details.html.erb
+++ b/app/views/tpi/ascor/_country_details.html.erb
@@ -16,8 +16,8 @@
       <% end %>
     </div>
     <div class="column">
-      <%= render 'tpi/shared/property', highlight: false, name: 'International Monetary Fund fiscal monitor category' do %>
-        <%= country.fiscal_monitor_category %>
+     <%= render 'tpi/shared/property', highlight: false, name: 'International Monetary Fund fiscal monitor category' do %>
+       <%= country.fiscal_monitor_category %>
       <% end %>
     </div>
     <div class="column">