feat:SW-1422 Updated Tablet mode

components/Forms/BookingWidget/FormContent/index.tsx

@@ -61,10 +61,23 @@ export default function FormContent({
             <GuestsRoomsPickerForm />
           </div>
         </div>
-        <div className={styles.voucherContainer}>
+        <div className={`${styles.buttonContainer} ${styles.showOnTablet}`}>
+          <Button
+            className={styles.button}
+            form={formId}
+            intent="primary"
+            theme="base"
+            type="submit"
+          >
+            <span className={styles.icon}>
+              <SearchIcon color="white" width={28} height={28} />
+            </span>
+          </Button>
+        </div>
+        <div className={`${styles.voucherContainer} ${styles.voucherRow}`}>
           <Voucher />
         </div>
-        <div className={styles.buttonContainer}>
+        <div className={`${styles.buttonContainer} ${styles.hideOnTablet}`}>
           <Button
             className={styles.button}
             form={formId}
@@ -86,10 +99,6 @@ export default function FormContent({
           </Button>
         </div>
       </div>
-      {/* ToDo: Remove below additional voucher element which is only used in tablet mode better to have submit button twice instead */}
-      <div className={styles.voucherRow}>
-        <Voucher />
-      </div>
     </>
   )
 }