UX: Styling adjustments for admin new features (#12189)

UX: Styling adjustments for admin new features (#12189)

  • Fixes an alignment issue when emojis have varying widths
  • Adjusts mobile alignment
diff --git a/app/assets/stylesheets/common/admin/dashboard.scss b/app/assets/stylesheets/common/admin/dashboard.scss
index 0271caf..cf1e738 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 3251b22..8161e79 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;
+    }
+  }
 }

GitHub sha: e58922e1

This commit appears in #12189 which was approved by eviltrout. It was merged by pmusaraj.