Fix tabs according to semantic-ui docs (#2733)

templates/user/notification/notification.tmpl

@@ -5,18 +5,14 @@
 		<h1 class="ui dividing header">{{.i18n.Tr "notification.notifications"}}</h1>
 
 		<div class="ui top attached tabular menu">
-			<a href="{{AppSubUrl}}/notifications?q=unread">
+			<a href="{{AppSubUrl}}/notifications?q=unread" class="{{if eq .Status 1}}active{{end}} item">
-				<div class="{{if eq .Status 1}}active{{end}} item">
+				{{.i18n.Tr "notification.unread"}}
-					{{.i18n.Tr "notification.unread"}}
+				{{if .NotificationUnreadCount}}
-					{{if .NotificationUnreadCount}}
+					<div class="ui label">{{.NotificationUnreadCount}}</div>
-						<div class="ui label">{{.NotificationUnreadCount}}</div>
+				{{end}}
-					{{end}}
-				</div>
 			</a>
-			<a href="{{AppSubUrl}}/notifications?q=read">
+			<a href="{{AppSubUrl}}/notifications?q=read" class="{{if eq .Status 2}}active{{end}} item">
-				<div class="{{if eq .Status 2}}active{{end}} item">
+				{{.i18n.Tr "notification.read"}}
-					{{.i18n.Tr "notification.read"}}
-				</div>
 			</a>
 		</div>
 		<div class="ui bottom attached active tab segment">