Make the badge more oblong shaped for larger numbers

2018-07-13 10:07:14 +02:00
parent d88031e64d
commit f3eb899dc4
2 changed files with 5 additions and 1 deletions
@@ -27,7 +27,7 @@ class ToolAreaButton extends React.Component
 				/>

 				{unread > 0 && (
-					<span className='badge'>
+					<span className={classnames('badge', { long: unread >= 10 })}>
 						{unread}
 					</span>
 				)}
@@ -63,6 +63,10 @@
    padding: 0.2rem 0.4rem;
    top: 0;
    right: 0;
+
+		&.long {
+			border-radius: 25% / 50%;
+		}
 	}
 }