From fdcbb61bcb61a980a7a9171432498a9cac6e0965 Mon Sep 17 00:00:00 2001
From: Mario Vavti <mario@mariovavti.com>
Date: Sat, 14 Mar 2015 12:37:48 +0100
Subject: assure that badges will be displayed as circles no matter what font
 is used and if there is only one digit inside. move css to its proper place

---
 view/css/bootstrap-red.css | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

(limited to 'view/css')

diff --git a/view/css/bootstrap-red.css b/view/css/bootstrap-red.css
index cb26910b0..ffc288962 100644
--- a/view/css/bootstrap-red.css
+++ b/view/css/bootstrap-red.css
@@ -4,13 +4,23 @@
 
 nav .badge {
 	position: relative;
-	top: -48px;
+	top: -49px;
 	float: left;
 	font-size: 10px;
-	padding: 2px 6px;
+	line-height: 20px;
+	padding: 0px 5px;
+	height: 20px;
+	min-width: 20px;
+	border-radius: 10px;
 	cursor: pointer;
 }
 
+@media screen and (max-width: 767px) {
+	nav .badge {
+		top: -46px;
+	}
+}
+
 nav i {
 	font-size: 14px;
 }
-- 
cgit v1.2.3