From 33c8adda8392801d280b90bba2d32ea7cf58881f Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Wed, 6 May 2020 22:59:22 -0400
Subject: [PATCH] UX: Adjust admin menu to better fit short (horizontal)
 viewports

---
 app/assets/stylesheets/mobile/topic.scss | 38 ++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/app/assets/stylesheets/mobile/topic.scss b/app/assets/stylesheets/mobile/topic.scss
index 42cddb00bc2..ae82843411a 100644
--- a/app/assets/stylesheets/mobile/topic.scss
+++ b/app/assets/stylesheets/mobile/topic.scss
@@ -217,3 +217,41 @@ sub sub {
   align-items: center;
   flex-wrap: wrap;
 }
+
+@media screen and (max-height: 600px) {
+  .topic-admin-popup-menu {
+    box-sizing: border-box;
+    width: 100%;
+    padding: 1em;
+    .header {
+      padding: 0;
+      position: relative;
+      .close-button {
+        position: absolute;
+        display: inline-block;
+        right: 0;
+        top: -0.1em;
+        width: auto;
+        background: transparent;
+      }
+    }
+    ul {
+      display: grid;
+      grid-template-columns: 1fr 1fr 1fr;
+      @media screen and (max-width: 550px) {
+        grid-template-columns: 1fr 1fr;
+      }
+      > div {
+        margin-right: 0.5em;
+        overflow: hidden;
+        &:nth-of-type(2) {
+          // move delete further from modal close
+          order: 12;
+        }
+        button {
+          @include ellipsis;
+        }
+      }
+    }
+  }
+}