Smaller watch, star, and fork buttons (#2052)

Author: pgaskin

templates/repo/header.tmpl

@@ -14,25 +14,25 @@
 					</div>
 
 					<div class="ui right">
-						<div class="ui labeled button" tabindex="0">
-							<a class="ui button" href="{{$.RepoLink}}/action/{{if $.IsWatchingRepo}}un{{end}}watch?redirect_to={{$.Link}}">
+						<div class="ui compact labeled button" tabindex="0">
+							<a class="ui compact button" href="{{$.RepoLink}}/action/{{if $.IsWatchingRepo}}un{{end}}watch?redirect_to={{$.Link}}">
 								<i class="icon fa-eye{{if not $.IsWatchingRepo}}-slash{{end}}"></i>{{if $.IsWatchingRepo}}{{$.i18n.Tr "repo.unwatch"}}{{else}}{{$.i18n.Tr "repo.watch"}}{{end}}
 							</a>
 							<a class="ui basic label" href="{{.Link}}/watchers">
 								{{.NumWatches}}
 							</a>
 						</div>
-						<div class="ui labeled button" tabindex="0">
-							<a class="ui button" href="{{$.RepoLink}}/action/{{if $.IsStaringRepo}}un{{end}}star?redirect_to={{$.Link}}">
+						<div class="ui compact labeled button" tabindex="0">
+							<a class="ui compact button" href="{{$.RepoLink}}/action/{{if $.IsStaringRepo}}un{{end}}star?redirect_to={{$.Link}}">
 								<i class="icon fa-star{{if not $.IsStaringRepo}}-o{{end}}"></i>{{if $.IsStaringRepo}}{{$.i18n.Tr "repo.unstar"}}{{else}}{{$.i18n.Tr "repo.star"}}{{end}}
 							</a>
 							<a class="ui basic label" href="{{.Link}}/stars">
 								{{.NumStars}}
 							</a>
 						</div>
 						{{if .CanBeForked}}
-							<div class="ui labeled button" tabindex="0">
-								<a class="ui button" href="{{AppSubUrl}}/repo/fork/{{.ID}}">
+							<div class="ui compact labeled button" tabindex="0">
+								<a class="ui compact button" href="{{AppSubUrl}}/repo/fork/{{.ID}}">
 									<i class="octicon octicon-repo-forked"></i>{{$.i18n.Tr "repo.fork"}}
 								</a>
 								<a class="ui basic label" href="{{.Link}}/forks">