From 9a86d5f6691a4e6ace7b897e85eb0b7412637b8a Mon Sep 17 00:00:00 2001
From: remrem <remi.arnal@etu.uca.fr>
Date: Fri, 16 Dec 2022 09:51:37 +0100
Subject: [PATCH] css

---
 Blazor/Blazor/Components/Inventory.razor     | 43 ++++++++++++--------
 Blazor/Blazor/Components/Inventory.razor.css | 20 +++++++--
 Blazor/Blazor/Components/InventoryList.razor |  1 -
 Blazor/Blazor/Pages/InventoryPage.razor      | 15 +------
 4 files changed, 44 insertions(+), 35 deletions(-)

diff --git a/Blazor/Blazor/Components/Inventory.razor b/Blazor/Blazor/Components/Inventory.razor
index 690eaa8..d8ff761 100644
--- a/Blazor/Blazor/Components/Inventory.razor
+++ b/Blazor/Blazor/Components/Inventory.razor
@@ -1,26 +1,33 @@
 @using Models;
 
-<h3>Inventory</h3>
 <CascadingValue Value="@this">
-    <div class="css-grid">
-        @for(int i = 0; i<Models.InventoryList.size;i++)
-        {
-            @if (inventory.inventoryItems[i] != null)
-            {
-                <ItemInventory items="@inventory.inventoryItems[i]" Index="@i" NoDrop=true />
-            }
-            else
-            {
-                <ItemInventory items="@inventory.inventoryItems[i]" Index="@i"/>
-            }
-        }
-    </div>
-    <div class="col-12">
-        <div>Actions</div>
-        <div class="actions" id="actions">
+    <div id="master">
+        <div class="inventory">
+            <div class="css-grid">
+                @for(int i = 0; i<Models.InventoryList.size;i++)
+                {
+                    @if (inventory.inventoryItems[i] != null)
+                    {
+                        <ItemInventory items="@inventory.inventoryItems[i]" Index="@i" NoDrop=true />
+                    }
+                    else
+                    {
+                        <ItemInventory items="@inventory.inventoryItems[i]" Index="@i"/>
+                    }
+                }
+            </div>
+
+
+            <div>Actions</div>
+                <div class="actions" id="actions">
+            </div>
+
+        </div>
+
+        <div class="inventory-list">
+            <InventoryList/>
         </div>
     </div>
 
-    <InventoryList/>
 </CascadingValue>
 
diff --git a/Blazor/Blazor/Components/Inventory.razor.css b/Blazor/Blazor/Components/Inventory.razor.css
index 38c95cd..c496f69 100644
--- a/Blazor/Blazor/Components/Inventory.razor.css
+++ b/Blazor/Blazor/Components/Inventory.razor.css
@@ -1,8 +1,22 @@
-.css-grid {
-    grid-template-columns: repeat(6,minmax(0,1fr));
+.inventory-list {
+    width: 40%;
+}
+
+.inventory {
+    width: 40%;
+}
+
+.css-grid {
+    grid-template-columns: repeat(6, minmax(0,1fr));
     gap: 10px;
     display: grid;
-    width: 40%;
+}
+
+#master {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    width: 100%;
 }
 
 .actions {
diff --git a/Blazor/Blazor/Components/InventoryList.razor b/Blazor/Blazor/Components/InventoryList.razor
index 785d700..e111adb 100644
--- a/Blazor/Blazor/Components/InventoryList.razor
+++ b/Blazor/Blazor/Components/InventoryList.razor
@@ -1,5 +1,4 @@
 @using Blazor.Models
-<h3>Inventory Item List</h3>
 
 <DataGrid TItem="Item"
           Data="@items"
diff --git a/Blazor/Blazor/Pages/InventoryPage.razor b/Blazor/Blazor/Pages/InventoryPage.razor
index 6a4164d..4275e28 100644
--- a/Blazor/Blazor/Pages/InventoryPage.razor
+++ b/Blazor/Blazor/Pages/InventoryPage.razor
@@ -1,19 +1,8 @@
 @page "/inventory"
 @using Blazor.Components
 
-<PageTitle>Counter</PageTitle>
+<PageTitle>Inventory</PageTitle>
 
 <h1>Inventory</h1>
 
-<div id="master">
-    <div class="inventory">
-        <span>
-            <Inventory/>
-        </span>
-    </div>
-
-
-    <div class="inventory-list">
-        <InventoryList/>
-    </div>
-</div>
+<Inventory/>