Badge resolves issue with fixed !important size - allow developers to set fontsize without restriction.

Author: kevzlou7979

gwt-material/src/main/java/gwt/material/design/client/constants/CssName.java

@@ -27,7 +27,6 @@
 public interface CssName {
 
     String BADGE = "badge";
-    String SIDEBAR_BADGE = "sideBarBadge";
     String BREADCRUMB = "breadcrumb";
     String CARD = "card";
     String CARD_ACTION = "card-action";

gwt-material/src/main/java/gwt/material/design/client/ui/MaterialBadge.java

@@ -46,7 +46,7 @@ public class MaterialBadge extends Span {
      * Collection, DropDown, SideNav and any other Material components.
      */
     public MaterialBadge() {
-        super(Document.get().createSpanElement(), CssName.BADGE, CssName.SIDEBAR_BADGE);
+        super(Document.get().createSpanElement(), CssName.BADGE);
     }
 
     /**

gwt-material/src/main/resources/gwt/material/design/public/css/materialize.css

@@ -8786,35 +8786,35 @@ nav ul a span.badge {
   float: right;
   margin-top: 22px; }
 
-.side-nav .badge {
+.side-nav span.badge {
   float: right;
-  top: 22px; }
-
-.sideBarBadge {
+  top: 22px;
   height: 20px !important;
   line-height: 0 !important;
   padding: 10px !important;
   color: #fff !important;
   border-radius: 3px !important;
   font-size: 0.7em !important; }
 
-.badge.circle {
+span.badge.circle {
   position: absolute;
-  min-width: 0 !important;
-  border-radius: 100% !important;
-  height: 24px !important;
+  min-width: 0;
+  border-radius: 100%;
+  height: 24px;
   top: -12px;
   width: 24px;
-  font-size: 0.6rem !important;
+  font-size: 0.6rem;
   text-align: center;
-  padding: 0 !important;
-  padding-top: 12px !important;
+  padding: 12px 0 0;
   right: 8px; }
 
-.badge > div:first-child {
+span.badge > div:first-child {
   display: inline; }
 
-.badge {
+nav ul a span.badge:not(.circle) {
+  line-height: 22px; }
+
+span.badge {
   background: #42A5F5; }
 
 /**

gwt-material/src/main/resources/gwt/material/design/public/css/materialize.min.css

@@ -37,6 +37,6 @@ protected MaterialBadge createWidget() {
 
     @Override
     public void testInitialClasses() {
-        checkInitialClasses(CssName.BADGE, CssName.SIDEBAR_BADGE);
+        checkInitialClasses(CssName.BADGE);
     }
 }