From e58922e1e34320706e8f162c72322c1c59f23efc Mon Sep 17 00:00:00 2001
From: Penar Musaraj <pmusaraj@gmail.com>
Date: Tue, 23 Feb 2021 11:58:20 -0500
Subject: [PATCH] UX: Styling adjustments for admin new features (#12189)

- Fixes an alignment issue when emojis have varying widths
- Adjusts mobile alignment
---
 app/assets/stylesheets/common/admin/dashboard.scss | 3 +++
 app/assets/stylesheets/mobile/dashboard.scss       | 7 +++++++
 2 files changed, 10 insertions(+)

diff --git a/app/assets/stylesheets/common/admin/dashboard.scss b/app/assets/stylesheets/common/admin/dashboard.scss
index 0271cafa8ae..cf1e738385e 100644
--- a/app/assets/stylesheets/common/admin/dashboard.scss
+++ b/app/assets/stylesheets/common/admin/dashboard.scss
@@ -660,10 +660,13 @@
     font-size: 3.5em;
     padding-right: 0.5em;
     padding-left: 0.5em;
+    width: 25%;
+    text-align: center;
   }
 
   .new-feature-content {
     padding-right: 0.5em;
+    width: 75%;
     .header {
       font-size: $font-up-1;
       font-weight: bold;
diff --git a/app/assets/stylesheets/mobile/dashboard.scss b/app/assets/stylesheets/mobile/dashboard.scss
index 3251b226690..8161e79ff26 100644
--- a/app/assets/stylesheets/mobile/dashboard.scss
+++ b/app/assets/stylesheets/mobile/dashboard.scss
@@ -9,4 +9,11 @@
   .dashboard-new-features .section-body {
     grid-template-columns: none;
   }
+
+  .admin-new-feature-item {
+    .new-feature-emoji {
+      padding-left: 0em;
+      padding-right: 0.25em;
+    }
+  }
 }