Updated Beta Badge Stlye

public/css/gitote.css

@@ -508,13 +508,8 @@ footer .ui.language .menu {
   font-family: monospace;
 }
 .beta-badge {
-  padding: 2px 5px;
-  margin-left: 8px;
-  color: #21BA45;
-  border-radius: 4px;
-  font-size: 11px;
-  font-weight: bold;
-  border: 1px solid #21BA45;
+  padding: 3px 5px !important;
+  margin-left: 8px !important;
 }
 @media only screen and (max-width: 991px) and (min-width: 768px) {
   .ui.container {

public/less/_base.less

@@ -566,13 +566,8 @@ footer {
 }
 
 .beta-badge {
-	padding: 2px 5px;
-    margin-left: 8px;
-    color: #21BA45;
-    border-radius: 4px;
-    font-size: 11px;
-    font-weight: bold;
-    border: 1px solid #21BA45;
+	padding: 3px 5px !important;
+    margin-left: 8px !important;
 }
 
 @media only screen and (max-width: 991px) and (min-width: 768px) {

templates/user/settings/profile.tmpl

@@ -37,7 +37,7 @@
 						</div>
 						<div class="inline field">
 							<div class="ui checkbox">
-								<label><strong>Email is Private</strong><span class="beta-badge">Beta</span></label>
+								<label><strong>Email is Private</strong><span class="ui green basic label tiny beta-badge">Beta</span></label>
 								<input name="private_email" type="checkbox" {{if .private_email}}checked{{end}}>
 							</div>
 						</div>