From 880c01c4aee35058a72fa3d37e8df24f86965928 Mon Sep 17 00:00:00 2001
From: Ankush Menat <ankush@frappe.io>
Date: Sat, 13 Jan 2024 12:35:31 +0530
Subject: [PATCH] fix(mobile-ui): tabs should scroll instead of stack (#24309)

* fix: improve mobile design

* fix: Dont wrap text in tab labels

---------

Co-authored-by: Safwan Samsudeen <safwansamsudeen.c@gmail.com>
---
 frappe/public/scss/desk/form.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frappe/public/scss/desk/form.scss b/frappe/public/scss/desk/form.scss
index b7c5fc3051..13542362ce 100644
--- a/frappe/public/scss/desk/form.scss
+++ b/frappe/public/scss/desk/form.scss
@@ -419,7 +419,12 @@
 	border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
 
 	.form-tabs {
+		flex-wrap: nowrap;
+		overflow: overlay;
+		align-items: center;
+
 		.nav-item {
+			white-space: nowrap;
 			@include get_textstyle("base", "regular");
 			.nav-link {
 				color: var(--text-muted);