From d70d06a49501f6b49aad9484c8c7e54384f52262 Mon Sep 17 00:00:00 2001
From: Deepak Singh Gusain <deepaksingh.gusain227@webkul.com>
Date: Wed, 2 Feb 2022 12:59:30 +0530
Subject: [PATCH] Fixed ui issue of booking product admin panel

---
 .../views/catalog/products/edit.blade.php     | 20 ++++++++++++----
 .../products/accordians/booking.blade.php     | 23 +++++++++++++++++++
 .../accordians/booking/slots.blade.php        |  6 +++++
 3 files changed, 44 insertions(+), 5 deletions(-)

diff --git a/packages/Webkul/Admin/src/Resources/views/catalog/products/edit.blade.php b/packages/Webkul/Admin/src/Resources/views/catalog/products/edit.blade.php
index f216002ce..606f89d0c 100755
--- a/packages/Webkul/Admin/src/Resources/views/catalog/products/edit.blade.php
+++ b/packages/Webkul/Admin/src/Resources/views/catalog/products/edit.blade.php
@@ -6,12 +6,22 @@
 
 @push('css')
     <style>
-        @media only screen and (max-width: 768px){
-            .content-container .content .page-header .page-title .control-group .control{
-                width: 100% !important;
-                margin-top:-25px !important;
+       @media only screen and (max-width: 728px){
+            .content-container .content .page-header .page-title{
+                width: 100%;
             }
-        }
+            
+            .content-container .content .page-header .page-title .control-group {
+                margin-top: 20px!important;
+                width: 100%!important;
+                margin-left: 0!important;
+            }
+
+            .content-container .content .page-header .page-action {
+                margin-top: 10px!important;
+                float: left;
+            }
+       }        
     </style>
 @endpush
 
diff --git a/packages/Webkul/BookingProduct/src/Resources/views/admin/catalog/products/accordians/booking.blade.php b/packages/Webkul/BookingProduct/src/Resources/views/admin/catalog/products/accordians/booking.blade.php
index 54d919f91..1aef6c519 100644
--- a/packages/Webkul/BookingProduct/src/Resources/views/admin/catalog/products/accordians/booking.blade.php
+++ b/packages/Webkul/BookingProduct/src/Resources/views/admin/catalog/products/accordians/booking.blade.php
@@ -12,6 +12,29 @@
         .has-control-group .control-group:last-child {
             padding-left: 10px;
         }
+
+        .slot-list table tbody tr td .control-group label{
+                display: none;
+         }
+
+        @media only screen and (max-width: 540px){
+            .slot-list table thead{
+                display: none;
+            } 
+            
+            .slot-list table tbody tr td{
+                display: block;
+            }
+
+            .slot-list table tbody tr td .control-group label{
+                display: block;
+            }
+
+            .table .control-group.date:after, .table .control-group.datetime:after {
+                top: 24px;
+                left: 100%;
+            }
+        } 
     </style>
 @endpush
 
diff --git a/packages/Webkul/BookingProduct/src/Resources/views/admin/catalog/products/accordians/booking/slots.blade.php b/packages/Webkul/BookingProduct/src/Resources/views/admin/catalog/products/accordians/booking/slots.blade.php
index 0e68c75a5..9bd0de0ec 100644
--- a/packages/Webkul/BookingProduct/src/Resources/views/admin/catalog/products/accordians/booking/slots.blade.php
+++ b/packages/Webkul/BookingProduct/src/Resources/views/admin/catalog/products/accordians/booking/slots.blade.php
@@ -72,6 +72,9 @@
     <tr>
         <td>
             <div class="control-group date" :class="[errors.has(controlName + '[from]') ? 'has-error' : '']">
+                
+               <label>{{ __('bookingproduct::app.admin.catalog.products.from') }}</label> 
+            
                 <time-component>
                     <input type="text" v-validate="'required'" :name="controlName + '[from]'" v-model="slotItem.from" class="control" data-vv-as="&quot;{{ __('bookingproduct::app.admin.catalog.products.from') }}&quot;">
                 </time-component>
@@ -84,6 +87,9 @@
 
         <td>
             <div class="control-group date" :class="[errors.has(controlName + '[to]') ? 'has-error' : '']">
+                
+                <label>{{ __('bookingproduct::app.admin.catalog.products.to') }}</label> 
+                
                 <time-component>
                     <input type="text" v-validate="{required: true, time_min: slotItem.from }" :name="controlName + '[to]'" v-model="slotItem.to" class="control" data-vv-as="&quot;{{ __('bookingproduct::app.admin.catalog.products.to') }}&quot;">
                 </time-component>