From 088b3a1f8fb17f9331af9b57a30b2358e1457b95 Mon Sep 17 00:00:00 2001
From: amansinghbais <singh11amanbais@gmail.com>
Date: Mon, 29 Jul 2024 11:23:14 +0530
Subject: [PATCH] Improved: css for product metadata in mobile view (#244)

---
 src/theme/variables.css  | 2 --
 src/views/InProgress.vue | 5 +++++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/theme/variables.css b/src/theme/variables.css
index 6d1e1dd5..51e75451 100644
--- a/src/theme/variables.css
+++ b/src/theme/variables.css
@@ -343,8 +343,6 @@ img {
 }
 
 .product-metadata {
-  display: flex;
-  align-items: center;
   margin-inline-start: auto;
   padding-inline-end: var(--spacer-sm);
 }
diff --git a/src/views/InProgress.vue b/src/views/InProgress.vue
index 2a8d1e56..ec2def3c 100644
--- a/src/views/InProgress.vue
+++ b/src/views/InProgress.vue
@@ -1313,6 +1313,11 @@ ion-segment > ion-segment-button > ion-skeleton-text, ion-item > ion-skeleton-te
   height: 30px;
 }
 
+.product-metadata {
+  display: flex;
+  align-items: center;
+}
+
 @media (min-width: 991px) {
   .order-item {
     grid-template-columns: repeat(3, 1fr);