From 2551b024f0972c6a2b682910f05ff2cb33c0f32e Mon Sep 17 00:00:00 2001
From: Yuri Kuznetsov <yurikuzn@users.noreply.github.com>
Date: Thu, 11 Aug 2022 21:09:21 +0300
Subject: [PATCH] css fixes

---
 frontend/less/espo/elements/form.less  |  9 +++++++++
 frontend/less/espo/elements/panel.less | 22 +++++++++++++++++++---
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/frontend/less/espo/elements/form.less b/frontend/less/espo/elements/form.less
index 91c68a75ce..2eb9f8093f 100644
--- a/frontend/less/espo/elements/form.less
+++ b/frontend/less/espo/elements/form.less
@@ -192,3 +192,12 @@ select[multiple].input-sm {
 fieldset[disabled] .form-control {
     color: var(--input-color-disabled);
 }
+
+
+.form-inline .form-control {
+    @media screen and (max-width: (@screen-sm-min - 1px)) {
+        display: inline-block;
+        width: auto;
+        vertical-align: middle;
+    }
+}
diff --git a/frontend/less/espo/elements/panel.less b/frontend/less/espo/elements/panel.less
index eaca2536d4..ee6f691f56 100644
--- a/frontend/less/espo/elements/panel.less
+++ b/frontend/less/espo/elements/panel.less
@@ -79,6 +79,14 @@
                 border-top-left-radius: 0;
                 border-bottom-left-radius: 0;
             }
+
+            @media screen and (max-width: (@screen-sm-min - 1px)) {
+                &,
+                &.first::before,
+                &.last::before {
+                    border-radius: 0;
+                }
+            }
         }
 
         .side > .panel {
@@ -87,12 +95,20 @@
             border-bottom-right-radius: 0;
 
             &.first::before {
-                border-top-left-radius: 0;
+                border-top-right-radius: 0;
                 border-bottom-left-radius: 0;
             }
             &.last::before {
-                border-top-left-radius: 0;
-                border-bottom-left-radius: 0;
+                border-top-right-radius: 0;
+                border-bottom-right-radius: 0;
+            }
+
+            @media screen and (max-width: (@screen-sm-min - 1px)) {
+                &,
+                &.first::before,
+                &.last::before {
+                    border-radius: 0;
+                }
             }
         }
     }