From 1a266c661aa5e6f0baba8b091fa4533289c48f44 Mon Sep 17 00:00:00 2001
From: Dmitry Romashov <framebassman@gmail.com>
Date: Wed, 10 Apr 2024 10:22:11 +0200
Subject: [PATCH] Add a horizontal scroll for the mobile view

---
 webui/src/components/_commons/ToolBar.vue | 2 ++
 webui/src/css/sass/app.scss               | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/webui/src/components/_commons/ToolBar.vue b/webui/src/components/_commons/ToolBar.vue
index 571d5177c..ea9fcd586 100644
--- a/webui/src/components/_commons/ToolBar.vue
+++ b/webui/src/components/_commons/ToolBar.vue
@@ -118,6 +118,8 @@ export default defineComponent({
   .q-toolbar {
     min-height: 48px;
     padding: 0;
+    overflow-x: auto;
+    overflow-y: hidden;
   }
 
   .body--dark .q-toolbar {
diff --git a/webui/src/css/sass/app.scss b/webui/src/css/sass/app.scss
index e62f06bd7..d73156655 100644
--- a/webui/src/css/sass/app.scss
+++ b/webui/src/css/sass/app.scss
@@ -112,6 +112,8 @@ body {
 // Toolbar
 .q-toolbar {
   padding: 0 16px;
+  overflow-x: auto;
+  overflow-y: hidden;
 }
 
 // Card