From 02dbcac861477fd6041fb7c735469a1d266a86df Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Thu, 16 Jan 2020 21:31:17 -0500
Subject: [PATCH] UX: Improve appearance of pm title editing

---
 app/assets/stylesheets/common/base/topic.scss | 31 ++++++++++++-------
 app/assets/stylesheets/desktop/topic.scss     |  8 -----
 app/assets/stylesheets/mobile/topic.scss      |  7 -----
 3 files changed, 19 insertions(+), 27 deletions(-)

diff --git a/app/assets/stylesheets/common/base/topic.scss b/app/assets/stylesheets/common/base/topic.scss
index a4f1bdc34b4..f719c2572ae 100644
--- a/app/assets/stylesheets/common/base/topic.scss
+++ b/app/assets/stylesheets/common/base/topic.scss
@@ -111,9 +111,6 @@ a.badge-category {
     #edit-title {
       flex: 1 1 auto;
     }
-    .private-message-glyph {
-      margin: 5px 5px 0 0;
-    }
     .category-chooser,
     .mini-tag-chooser {
       flex: 1 1 49%;
@@ -131,20 +128,30 @@ a.badge-category {
   }
 }
 
-.private-message-glyph {
-  color: dark-light-choose($primary-low-mid, $secondary-high);
-  margin-right: 5px;
-}
-
-.archetype-private_message #topic-title .edit-topic-title .tag-chooser {
-  margin-left: 19px;
-}
-
 .private_message {
   #topic-title {
+    .private-message-glyph {
+      display: inline-block;
+      color: dark-light-choose($primary-low-mid, $secondary-high);
+    }
     .edit-topic-title {
+      position: relative;
+      .private-message-glyph {
+        position: absolute;
+        left: 0.75em;
+        top: 5px;
+      }
       #edit-title {
         width: calc(100% - 50px);
+        padding-left: 2.25em;
+      }
+      .mini-tag-chooser {
+        margin-left: 0;
+        @include breakpoint(mobile-large, min-width) {
+          .selected-name {
+            max-width: 500px;
+          }
+        }
       }
     }
   }
diff --git a/app/assets/stylesheets/desktop/topic.scss b/app/assets/stylesheets/desktop/topic.scss
index 279960bf075..a46b5eb48f1 100644
--- a/app/assets/stylesheets/desktop/topic.scss
+++ b/app/assets/stylesheets/desktop/topic.scss
@@ -44,14 +44,6 @@
   }
 }
 
-.private-message-glyph {
-  float: left;
-}
-
-.private_message #topic-title .private-message-glyph {
-  display: inline;
-}
-
 .topic-error,
 .topic-notice {
   padding: 18px;
diff --git a/app/assets/stylesheets/mobile/topic.scss b/app/assets/stylesheets/mobile/topic.scss
index c1367e34540..42cddb00bc2 100644
--- a/app/assets/stylesheets/mobile/topic.scss
+++ b/app/assets/stylesheets/mobile/topic.scss
@@ -26,13 +26,6 @@
   .title-category-wrapper {
     margin-top: 5px;
   }
-  .private-message-glyph {
-    display: none;
-  }
-}
-
-.private_message #topic-title .private-message-glyph {
-  display: inline;
 }
 
 .topic-status-info {