From 8be3f23d65a5ce33656b93c00c20f7e31ab9ccd4 Mon Sep 17 00:00:00 2001
From: elforjani13 <39470382+elforjani13@users.noreply.github.com>
Date: Sun, 30 Jan 2022 18:29:10 +0200
Subject: [PATCH] feat(warehouse) add warehouse grid item style.

---
 src/containers/Preferences/Warehouses/Warehouses.js |  3 +++
 .../Preferences/Warehouses/WarehousesGridItems.js   | 13 +++++++++----
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/containers/Preferences/Warehouses/Warehouses.js b/src/containers/Preferences/Warehouses/Warehouses.js
index 18e8a1f36..90446212d 100644
--- a/src/containers/Preferences/Warehouses/Warehouses.js
+++ b/src/containers/Preferences/Warehouses/Warehouses.js
@@ -13,6 +13,7 @@ const WAREHOUSE = [
     title: 'Warehouse #1',
     code: '1001',
     city: 'City',
+    country: 'Country',
     email: 'email@emial.com',
     phone: '09xxxxxxxx',
   },
@@ -20,6 +21,7 @@ const WAREHOUSE = [
     title: 'Warehouse #2',
     code: '100',
     city: 'City',
+    country: 'Country',
     email: 'email@emial.com',
     phone: '09xxxxxxxx',
   },
@@ -27,6 +29,7 @@ const WAREHOUSE = [
     title: 'Warehouse #2',
     code: '100',
     city: 'City',
+    country: 'Country',
     email: 'email@emial.com',
     phone: '09xxxxxxxx',
   },
diff --git a/src/containers/Preferences/Warehouses/WarehousesGridItems.js b/src/containers/Preferences/Warehouses/WarehousesGridItems.js
index 74e7bd85a..8ade20f5d 100644
--- a/src/containers/Preferences/Warehouses/WarehousesGridItems.js
+++ b/src/containers/Preferences/Warehouses/WarehousesGridItems.js
@@ -4,8 +4,10 @@ import styled from 'styled-components';
 function WarehousesGrid({ warehouse }) {
   return (
     <WarehouseGrid>
-      <WarehouseTitle>{warehouse.title}</WarehouseTitle>
-      <WarehouseCode>{warehouse.code}</WarehouseCode>
+      <WarehouseHeader>
+        <WarehouseTitle>{warehouse.title}</WarehouseTitle>
+        <WarehouseCode>{warehouse.code}</WarehouseCode>
+      </WarehouseHeader>
       <WarehouseInfoItem>{warehouse.city}</WarehouseInfoItem>
       <WarehouseInfoItem>{warehouse.country}</WarehouseInfoItem>
       <WarehouseInfoItem>{warehouse.email}</WarehouseInfoItem>
@@ -33,7 +35,7 @@ const WarehouseGrid = styled.div`
   height: 160px; //225px
   background: #fff;
   margin: 5px;
-  padding: 10px 12px;
+  padding: 16px 12px 10px;
   border: 1px solid #c8cad0; //#CFD1D6
   transition: all 0.1s ease-in-out;
 
@@ -51,11 +53,14 @@ const WarehouseTitle = styled.div`
   line-height: 1;
 `;
 
+const WarehouseHeader = styled.div`
+  margin: 4px 0px 15px;
+`;
+
 const WarehouseCode = styled.div`
   display: inline-block;
   font-size: 11px;
   color: #6b7176;
-  margin: 4px 0px 15px;
 `;
 
 const WarehouseInfoItem = styled.div`