From 1cfc01ba2da1bcc5d863d384c6e707d7dbeb696f Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 10 Aug 2022 00:50:23 +0200
Subject: [PATCH 1/3] Replace some icons with SVG

- Create teams help page
- Application and SSH keys icons
---
 templates/org/team/new.tmpl                 | 10 ++++------
 templates/user/settings/applications.tmpl   |  2 +-
 templates/user/settings/keys_principal.tmpl |  2 +-
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/templates/org/team/new.tmpl b/templates/org/team/new.tmpl
index 019454f545d3e..e5266f13c5e7f 100644
--- a/templates/org/team/new.tmpl
+++ b/templates/org/team/new.tmpl
@@ -76,15 +76,13 @@
 								<table class="ui celled table">
 									<thead>
 										<tr>
-											<th class="center aligned">{{.locale.Tr "units.unit"}}</th>
+											<th>{{.locale.Tr "units.unit"}}</th>
 											<th class="center aligned">{{.locale.Tr "org.teams.none_access"}}
-											<i class="circle help icon link tooltip" data-content="{{.locale.Tr "org.teams.none_access_helper"}}"></i></th>
+											<span class="tooltip vm" data-content="{{.locale.Tr "org.teams.none_access_helper"}}">{{svg "octicon-question" 16 "ml-2"}}</th>
 											<th class="center aligned">{{.locale.Tr "org.teams.read_access"}}
-											<i class="circle help icon link tooltip" data-content="{{.locale.Tr "org.teams.read_access_helper"}}"></i>
-											</th>
+											<span class="tooltip vm" data-content="{{.locale.Tr "org.teams.read_access_helper"}}">{{svg "octicon-question" 16 "ml-2"}}</span></th>
 											<th class="center aligned">{{.locale.Tr "org.teams.write_access"}}
-											<i class="circle help icon link tooltip" data-content="{{.locale.Tr "org.teams.write_access_helper"}}"></i>
-											</th>
+											<span class="tooltip vm" data-content="{{.locale.Tr "org.teams.write_access_helper"}}">{{svg "octicon-question" 16 "ml-2"}}</span></th>
 										</tr>
 									</thead>
 									<tbody>
diff --git a/templates/user/settings/applications.tmpl b/templates/user/settings/applications.tmpl
index 063358f0c73be..68e82a6ae0159 100644
--- a/templates/user/settings/applications.tmpl
+++ b/templates/user/settings/applications.tmpl
@@ -19,7 +19,7 @@
 									{{$.locale.Tr "settings.delete_token"}}
 								</button>
 						</div>
-						<i class="big send icon tooltip{{if .HasRecentActivity}} green{{end}}" {{if .HasRecentActivity}}data-content="{{$.locale.Tr "settings.token_state_desc"}}"{{end}}></i>
+						<i class="icon tooltip{{if .HasRecentActivity}} green{{end}}" {{if .HasRecentActivity}}data-content="{{$.locale.Tr "settings.token_state_desc"}}"{{end}}>{{svg "octicon-key" 36}}</i>
 						<div class="content">
 							<strong>{{.Name}}</strong>
 							<div class="activity meta">
diff --git a/templates/user/settings/keys_principal.tmpl b/templates/user/settings/keys_principal.tmpl
index 0ebc46c4ad56a..56992144686f1 100644
--- a/templates/user/settings/keys_principal.tmpl
+++ b/templates/user/settings/keys_principal.tmpl
@@ -21,7 +21,7 @@
 							{{$.locale.Tr "settings.delete_key"}}
 						</button>
 					</div>
-					<i class="big send icon tooltip{{if .HasRecentActivity}} green{{end}}" {{if .HasRecentActivity}}data-content="{{$.locale.Tr "settings.principal_state_desc"}}"{{end}}></i>
+					<i class="icon tooltip{{if .HasRecentActivity}} green{{end}}" {{if .HasRecentActivity}}data-content="{{$.locale.Tr "settings.principal_state_desc"}}"{{end}}>{{svg "octicon-key" 36}}</i>
 					<div class="content">
 						<strong>{{.Name}}</strong>
 						<div class="activity meta">

From 187a2c24a3054f37ccb73aa0274def2b8fd1a69f Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 10 Aug 2022 02:02:57 +0200
Subject: [PATCH 2/3] add new icon for app token

---
 public/img/svg/gitea-token.svg            | 1 +
 templates/user/settings/applications.tmpl | 2 +-
 web_src/svg/gitea-token.svg               | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)
 create mode 100644 public/img/svg/gitea-token.svg
 create mode 100644 web_src/svg/gitea-token.svg

diff --git a/public/img/svg/gitea-token.svg b/public/img/svg/gitea-token.svg
new file mode 100644
index 0000000000000..514dd5a2924fd
--- /dev/null
+++ b/public/img/svg/gitea-token.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" class="svg gitea-token" width="16" height="16" aria-hidden="true"><path d="M21 5H3a1 1 0 0 0-1 1v4h.9c1 0 2 .7 2 1.7A2 2 0 0 1 3 14H2v4a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-4h-1a2 2 0 0 1-2-2.3c.2-1 1.1-1.7 2.1-1.7h.9V6a1 1 0 0 0-1-1zM11 17H9v-2h2v2zm0-4H9v-2h2v2zm0-4H9V7h2v2z"/></svg>
\ No newline at end of file
diff --git a/templates/user/settings/applications.tmpl b/templates/user/settings/applications.tmpl
index 68e82a6ae0159..8b2e553408615 100644
--- a/templates/user/settings/applications.tmpl
+++ b/templates/user/settings/applications.tmpl
@@ -19,7 +19,7 @@
 									{{$.locale.Tr "settings.delete_token"}}
 								</button>
 						</div>
-						<i class="icon tooltip{{if .HasRecentActivity}} green{{end}}" {{if .HasRecentActivity}}data-content="{{$.locale.Tr "settings.token_state_desc"}}"{{end}}>{{svg "octicon-key" 36}}</i>
+						<i class="icon tooltip{{if .HasRecentActivity}} green{{end}}" {{if .HasRecentActivity}}data-content="{{$.locale.Tr "settings.token_state_desc"}}"{{end}}>{{svg "gitea-token" 36}}</i>
 						<div class="content">
 							<strong>{{.Name}}</strong>
 							<div class="activity meta">
diff --git a/web_src/svg/gitea-token.svg b/web_src/svg/gitea-token.svg
new file mode 100644
index 0000000000000..f208156994ae9
--- /dev/null
+++ b/web_src/svg/gitea-token.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 5H3a1 1 0 0 0-1 1v4h.9c1 0 2 .7 2 1.7A2 2 0 0 1 3 14H2v4a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-4h-1a2 2 0 0 1-2-2.3c.2-1 1.1-1.7 2.1-1.7h.9V6a1 1 0 0 0-1-1zM11 17H9v-2h2v2zm0-4H9v-2h2v2zm0-4H9V7h2v2z"/></svg>
\ No newline at end of file

From 8ae2450f385a82689c16adfb38f80d81e9f0dc3f Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 10 Aug 2022 02:48:50 +0200
Subject: [PATCH 3/3] use fontawesom-send

---
 public/img/svg/fontawesome-send.svg       | 1 +
 public/img/svg/gitea-token.svg            | 1 -
 templates/user/settings/applications.tmpl | 2 +-
 web_src/svg/fontawesome-send.svg          | 1 +
 web_src/svg/gitea-token.svg               | 1 -
 5 files changed, 3 insertions(+), 3 deletions(-)
 create mode 100644 public/img/svg/fontawesome-send.svg
 delete mode 100644 public/img/svg/gitea-token.svg
 create mode 100644 web_src/svg/fontawesome-send.svg
 delete mode 100644 web_src/svg/gitea-token.svg

diff --git a/public/img/svg/fontawesome-send.svg b/public/img/svg/fontawesome-send.svg
new file mode 100644
index 0000000000000..b1170fd9e7c6f
--- /dev/null
+++ b/public/img/svg/fontawesome-send.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 449 448" class="svg fontawesome-send" width="16" height="16" aria-hidden="true"><path d="M441 2.8c5.3 3.7 7.8 9.7 6.8 16l-64 384A16 16 0 0 1 368 416c-2 0-4-.5-6-1.3l-113.3-46.2-60.4 73.8c-3 3.7-7.6 5.7-12.3 5.7a16 16 0 0 1-16-16v-87.3L376 80 108.7 311.3 10 270.6a15.8 15.8 0 0 1-2-28.4l416-240c2.5-1.5 5.3-2.3 8-2.3 3.3 0 6.5 1 9 2.8z"/></svg>
\ No newline at end of file
diff --git a/public/img/svg/gitea-token.svg b/public/img/svg/gitea-token.svg
deleted file mode 100644
index 514dd5a2924fd..0000000000000
--- a/public/img/svg/gitea-token.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg viewBox="0 0 24 24" class="svg gitea-token" width="16" height="16" aria-hidden="true"><path d="M21 5H3a1 1 0 0 0-1 1v4h.9c1 0 2 .7 2 1.7A2 2 0 0 1 3 14H2v4a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-4h-1a2 2 0 0 1-2-2.3c.2-1 1.1-1.7 2.1-1.7h.9V6a1 1 0 0 0-1-1zM11 17H9v-2h2v2zm0-4H9v-2h2v2zm0-4H9V7h2v2z"/></svg>
\ No newline at end of file
diff --git a/templates/user/settings/applications.tmpl b/templates/user/settings/applications.tmpl
index 8b2e553408615..9125f4bd00f6a 100644
--- a/templates/user/settings/applications.tmpl
+++ b/templates/user/settings/applications.tmpl
@@ -19,7 +19,7 @@
 									{{$.locale.Tr "settings.delete_token"}}
 								</button>
 						</div>
-						<i class="icon tooltip{{if .HasRecentActivity}} green{{end}}" {{if .HasRecentActivity}}data-content="{{$.locale.Tr "settings.token_state_desc"}}"{{end}}>{{svg "gitea-token" 36}}</i>
+						<i class="icon tooltip{{if .HasRecentActivity}} green{{end}}" {{if .HasRecentActivity}}data-content="{{$.locale.Tr "settings.token_state_desc"}}"{{end}}>{{svg "fontawesome-send" 36}}</i>
 						<div class="content">
 							<strong>{{.Name}}</strong>
 							<div class="activity meta">
diff --git a/web_src/svg/fontawesome-send.svg b/web_src/svg/fontawesome-send.svg
new file mode 100644
index 0000000000000..c02090fd1bbf3
--- /dev/null
+++ b/web_src/svg/fontawesome-send.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="449" height="448" viewBox="0 0 449 448"><path d="M441 2.8c5.3 3.7 7.8 9.7 6.8 16l-64 384A16 16 0 0 1 368 416c-2 0-4-.5-6-1.3l-113.3-46.2-60.4 73.8c-3 3.7-7.6 5.7-12.3 5.7a16 16 0 0 1-16-16v-87.3L376 80 108.7 311.3 10 270.6a15.8 15.8 0 0 1-2-28.4l416-240c2.5-1.5 5.3-2.3 8-2.3 3.3 0 6.5 1 9 2.8z"/></svg>
\ No newline at end of file
diff --git a/web_src/svg/gitea-token.svg b/web_src/svg/gitea-token.svg
deleted file mode 100644
index f208156994ae9..0000000000000
--- a/web_src/svg/gitea-token.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 5H3a1 1 0 0 0-1 1v4h.9c1 0 2 .7 2 1.7A2 2 0 0 1 3 14H2v4a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-4h-1a2 2 0 0 1-2-2.3c.2-1 1.1-1.7 2.1-1.7h.9V6a1 1 0 0 0-1-1zM11 17H9v-2h2v2zm0-4H9v-2h2v2zm0-4H9V7h2v2z"/></svg>
\ No newline at end of file