use small buttons on issue/pr, fix focus and select all

Author: silverwind

templates/repo/issue/view_title.tmpl

@@ -8,15 +8,15 @@
 			</div>
 		</h1>
 		{{if and (or .HasIssuesOrPullsWritePermission .IsIssuePoster) (not .Repository.IsArchived)}}
-			<button id="edit-title" class="ui basic button secondary edit-button not-in-edit">{{.locale.Tr "repo.issues.edit"}}</button>
+			<button id="edit-title" class="ui small basic button secondary edit-button not-in-edit">{{.locale.Tr "repo.issues.edit"}}</button>
 		{{end}}
 		{{if not .Issue.IsPull}}
-			<a role="button" class="ui green button new-issue-button" href="{{.RepoLink}}/issues/new{{if .NewIssueChooseTemplate}}/choose{{end}}">{{.locale.Tr "repo.issues.new"}}</a>
+			<a role="button" class="ui small green button new-issue-button" href="{{.RepoLink}}/issues/new{{if .NewIssueChooseTemplate}}/choose{{end}}">{{.locale.Tr "repo.issues.new"}}</a>
 		{{end}}
 		{{if and (or .HasIssuesOrPullsWritePermission .IsIssuePoster) (not .Repository.IsArchived)}}
 			<div class="edit-buttons gt-df">
-				<button id="cancel-edit-title" class="ui basic button secondary in-edit gt-hidden">{{.locale.Tr "repo.issues.cancel"}}</button>
-				<button id="save-edit-title" class="ui primary button in-edit gt-hidden" data-update-url="{{$.RepoLink}}/issues/{{.Issue.Index}}/title" {{if .Issue.IsPull}}data-target-update-url="{{$.RepoLink}}/pull/{{.Issue.Index}}/target_branch"{{end}}>{{.locale.Tr "repo.issues.save"}}</button>
+				<button id="cancel-edit-title" class="ui small basic button secondary in-edit gt-hidden">{{.locale.Tr "repo.issues.cancel"}}</button>
+				<button id="save-edit-title" class="ui small primary button in-edit gt-hidden" data-update-url="{{$.RepoLink}}/issues/{{.Issue.Index}}/title" {{if .Issue.IsPull}}data-target-update-url="{{$.RepoLink}}/pull/{{.Issue.Index}}/target_branch"{{end}}>{{.locale.Tr "repo.issues.save"}}</button>
 			</div>
 		{{end}}
 	</div>

web_src/css/repository.css

@@ -649,7 +649,7 @@
 
 .repository.view.issue .title .issue-title h1 .ui.input input {
   font-size: 1.5em;
-  padding: 4px 1rem;
+  padding: 2px .5rem;
 }
 
 .repository.view.issue .title .issue-title .index {

web_src/js/features/repo-issue.js

@@ -574,7 +574,8 @@ export function initRepoIssueTitleEdit() {
     toggleElem($('.in-edit'));
     toggleElem($('.new-issue-button'));
     $('#issue-title-wrapper').toggleClass('edit-active');
-    $editInput.trigger('focus');
+    $editInput[0].focus();
+    $editInput[0].select();
     return false;
   };