From a1ce014989a45404ae8f9900ef3b4979d1a40126 Mon Sep 17 00:00:00 2001
From: aelassas <akram.elassas@gmail.com>
Date: Thu, 30 May 2024 11:28:06 +0100
Subject: [PATCH] Update backend layout

---
 backend/src/assets/css/agencies.css   |  6 +-----
 backend/src/assets/css/info-box.css   | 17 ++++++++++++-----
 backend/src/assets/css/locations.css  |  6 +-----
 backend/src/assets/css/properties.css |  4 ----
 4 files changed, 14 insertions(+), 19 deletions(-)

diff --git a/backend/src/assets/css/agencies.css b/backend/src/assets/css/agencies.css
index 980ddf81..af3357d6 100644
--- a/backend/src/assets/css/agencies.css
+++ b/backend/src/assets/css/agencies.css
@@ -41,11 +41,7 @@ div.agencies .info-box {
     margin: 20px 5px 5px 0;
     width: 100%;
   }
-
-  div.agencies div.col-1 .agency-count {
-    display: none;
-  }
-
+  
   div.agencies div.col-2 {
     margin-top: 3px;
     padding: 1px;
diff --git a/backend/src/assets/css/info-box.css b/backend/src/assets/css/info-box.css
index df7a3418..9ac2c0da 100644
--- a/backend/src/assets/css/info-box.css
+++ b/backend/src/assets/css/info-box.css
@@ -4,18 +4,25 @@ div.info-box {
   border: 1px solid #dadada;
   border-radius: 5px;
   height: 40px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
 }
 
 div.info-box .info-box-icon {
-  position: relative;
-  left: 5px;
-  top: 7px;
+  flex-shrink: 0;
+  margin-left: 10px;
 }
 
 div.info-box span.info-box-text {
   color: rgb(0 0 0 / 63%);
-  position: relative;
-  left: 90px;
+  flex-grow: 1;
   font-size: 17px;
   font-weight: 700;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  margin-left: -10px;
 }
diff --git a/backend/src/assets/css/locations.css b/backend/src/assets/css/locations.css
index 9864368c..533fadbb 100644
--- a/backend/src/assets/css/locations.css
+++ b/backend/src/assets/css/locations.css
@@ -41,11 +41,7 @@ div.locations .info-box {
     margin: 20px 5px 5px 0;
     width: 100%;
   }
-
-  div.locations div.col-1 .location-count {
-    display: none;
-  }
-
+  
   div.locations div.col-2 {
     display: flex;
     flex-direction: column;
diff --git a/backend/src/assets/css/properties.css b/backend/src/assets/css/properties.css
index 675b226d..7afede6f 100644
--- a/backend/src/assets/css/properties.css
+++ b/backend/src/assets/css/properties.css
@@ -55,10 +55,6 @@ div.properties div.col-1 div.info-box {
     display: flex;
     justify-content: center;
   }
-
-  div.properties div.col-1 .property-count {
-    display: none;
-  }
 }
 
 /* Device width is greater than or equal to 960px */