refactoring: Reposition items inside ASCOR country box

Vizzuality · Nov 28, 2023 · 66b6a84 · 66b6a84
1 parent ce3da15
commit 66b6a84
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -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">