templates/repo: improve README icon and font

public/css/gogs.css

@@ -1450,7 +1450,8 @@ footer .ui.language .menu {
 }
 .repository.file.list #file-content .plain-text {
   font-size: 14px;
-  padding: 10px 15px;
+  padding: 15px 15px 10px 15px;
+  font-family: Consolas;
 }
 .repository.file.list #file-content .code-view * {
   font-size: 12px;

public/less/_repository.less

@@ -403,7 +403,8 @@
 
 			.plain-text {
 				font-size: 14px;
-				padding: 10px 15px;
+				padding: 15px 15px 10px 15px;
+				font-family: Consolas;
 			}
 			.code-view {
 				* {

templates/repo/view_file.tmpl

@@ -1,7 +1,7 @@
 <div id="file-content" class="{{TabSizeClass .Editorconfig .FileName}}">
 	<h4 class="ui top attached header" id="{{if .ReadmeExist}}repo-readme{{else}}repo-read-file{{end}}">
 		{{if .ReadmeExist}}
-			<i class="book icon ui left"></i>
+			<i class="octicon octicon-book"></i>
 			{{if .ReadmeInList}}
 				<strong>{{.FileName}}</strong>
 			{{else}}