Fixed search items view

src/components/CommunityComponents/CommunityHome.vue

@@ -55,14 +55,14 @@
 
             <!-- Shows items based on search field input -->
             <div
-              class="grid grid-flow-row-dense grid-cols-2 md:grid-cols-4 lg:grid-cols-5 w-full place-items-center"
-              v-if="showSearchedItems"
+                class="grid grid-flow-row-dense grid-cols-2 md:grid-cols-4 lg:grid-cols-5 w-full"
+                v-if="showSearchedItems"
             >
               <ItemCard
-                v-for="item in searchedItems"
-                :key="item"
-                :item="item"
-                @click="goToItemInfoPage(item.listingID)"
+                  v-for="item in searchedItems"
+                  :key="item"
+                  :item="item"
+                  @click="goToItemInfoPage(item.listingID)"
               />
             </div>
           </div>

src/components/UserProfileComponents/UserItems.vue

@@ -110,18 +110,23 @@
       </div>
 
       <!-- Shows items based on search field input -->
-      <div
-        class="grid grid-flow-row-dense grid-cols-2 md:grid-cols-4 lg:grid-cols-5 w-full place-items-center"
-        v-if="showSearchedItems"
-      >
-        <div class="cardContainer" v-for="item in searchedItems" :key="item">
-          <div class="w-full">
-            <ItemCard
-              id="ItemCardSearch"
-              class="ItemCard w-full h-full"
-              :item="item"
-            />
-          </div>
+          <div
+              class="grid grid-flow-row-dense grid-cols-2 md:grid-cols-4 lg:grid-cols-5 w-full"
+              v-if="showSearchedItems"
+          >
+            <div
+                class="cardContainer"
+                id="item"
+                v-for="item in searchedItems"
+                :key="item"
+            >
+              <div class="w-full">
+                <ItemCard
+                    id="ItemCardSearch"
+                    class="ItemCard w-full h-full"
+                    :item="item"
+                />
+              </div>
 
           <!-- Dropdown menu with options for editing an item and deleting an item -->
           <TripleDotButton class="DotButton" @click="openDotMenu(item)" />