From ffabb64f6dffe2f023b7daf49d5458bf9357a023 Mon Sep 17 00:00:00 2001
From: rr-bw <102181210+rr-bw@users.noreply.github.com>
Date: Wed, 16 Aug 2023 10:16:27 -0700
Subject: [PATCH] [PM-3099] Desktop UI Small Screen Tweaks (#4620)

* add responsive queries for small screens

* increase media query max-width so icons don't get cut off on medium screens
---
 apps/desktop/src/scss/box.scss | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/apps/desktop/src/scss/box.scss b/apps/desktop/src/scss/box.scss
index 2b720eac69c..9dbdc80a5bf 100644
--- a/apps/desktop/src/scss/box.scss
+++ b/apps/desktop/src/scss/box.scss
@@ -504,3 +504,26 @@
     }
   }
 }
+
+.details {
+  .inner-content {
+    .box-content-row-flex:not([type="button"]) {
+      @media (max-width: 875px) {
+        flex-direction: column;
+        align-items: start;
+      }
+
+      .action-buttons {
+        @media (max-width: 875px) {
+          margin-left: 0;
+        }
+      }
+
+      .row-btn:first-of-type {
+        @media (max-width: 875px) {
+          margin-left: -8px;
+        }
+      }
+    }
+  }
+}