From 37a1a32209255959be20e8afd8e2ab7fd8138ee8 Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Wed, 1 Apr 2020 10:10:49 -0700
Subject: [PATCH] Move beta to a tag

---
 ui/app/styles/core/menu.scss                | 10 ++--------
 ui/app/styles/core/tag.scss                 |  5 +++++
 ui/app/templates/components/gutter-menu.hbs |  2 +-
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/ui/app/styles/core/menu.scss b/ui/app/styles/core/menu.scss
index 6d337a62a..e2de7bff0 100644
--- a/ui/app/styles/core/menu.scss
+++ b/ui/app/styles/core/menu.scss
@@ -21,14 +21,8 @@
         }
       }
 
-      &.is-beta::after {
-        content: 'beta';
-        color: $grey;
-        font-size: 0.8em;
-        font-weight: $weight-normal;
-        position: relative;
-        top: -0.8em;
-        left: -0.8em;
+      .tag {
+        margin-left: 0.5em;
       }
 
       .icon {
diff --git a/ui/app/styles/core/tag.scss b/ui/app/styles/core/tag.scss
index 20a892053..30a1837f3 100644
--- a/ui/app/styles/core/tag.scss
+++ b/ui/app/styles/core/tag.scss
@@ -57,4 +57,9 @@
     padding: 0;
     margin-bottom: 1em;
   }
+
+  &.is-small {
+    font-size: 0.7rem;
+    vertical-align: 2px;
+  }
 }
diff --git a/ui/app/templates/components/gutter-menu.hbs b/ui/app/templates/components/gutter-menu.hbs
index c78816fb8..e531a8c61 100644
--- a/ui/app/templates/components/gutter-menu.hbs
+++ b/ui/app/templates/components/gutter-menu.hbs
@@ -57,7 +57,7 @@
         Integrations
       </p>
       <ul class="menu-list">
-        <li>{{#link-to "csi" class="is-beta" activeClass="is-active" data-test-gutter-link="csi"}}Storage{{/link-to}}</li>
+        <li>{{#link-to "csi" activeClass="is-active" data-test-gutter-link="csi"}}Storage <span class="tag is-small">Beta</span>{{/link-to}}</li>
       </ul>
       <p class="menu-label">
         Cluster