From 4740a4015c8d8e488449be295577589b00c720d7 Mon Sep 17 00:00:00 2001
From: Nick Mitchell <nickm@us.ibm.com>
Date: Sat, 3 Sep 2022 13:57:44 -0400
Subject: [PATCH] fix(plugins/plugin-client-common): in narrower windows, use
 top-bottom split

---
 .../web/scss/components/Terminal/Layout/Default.scss   | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/plugins/plugin-client-common/web/scss/components/Terminal/Layout/Default.scss b/plugins/plugin-client-common/web/scss/components/Terminal/Layout/Default.scss
index ebc1fdb61c4..81f27fa7ec4 100644
--- a/plugins/plugin-client-common/web/scss/components/Terminal/Layout/Default.scss
+++ b/plugins/plugin-client-common/web/scss/components/Terminal/Layout/Default.scss
@@ -42,18 +42,26 @@
   grid-area: T8;
 }
 
-/** Case: no splits */
+/** Case: 1 split */
 .kui--terminal-split-container[data-split-count='1'] {
   @include Rows(1);
   @include Columns(1);
   grid-template-areas: 'T1';
 }
 
+/** Case: 2 splits */
 @include Split(2) {
   @include Rows(1);
   @include Columns(2);
   grid-template-areas: 'T1 T2';
 }
+@media all and (max-width: 950px) {
+  @include Split(2) {
+    @include Rows(3);
+    @include Columns(1);
+    grid-template-areas: 'T1' 'T2' 'T2';
+  }
+}
 
 @include Split(3) {
   @include Rows(4);