🎨

src/web/app/common/tags/authorized-apps.tag

@@ -1,6 +1,6 @@
 <mk-authorized-apps>
 	<div class="none ui info" if={ !fetching && apps.length == 0 }>
-		<p>%i18n:common.tags.mk-authorized-apps.no-apps%</p>
+		<p>%fa:info-circle%%i18n:common.tags.mk-authorized-apps.no-apps%</p>
 	</div>
 	<div class="apps" if={ apps.length != 0 }>
 		<div each={ app in apps }>

src/web/app/desktop/tags/settings.tag

@@ -260,7 +260,7 @@
 
 <mk-2fa-setting>
 	<p>%i18n:desktop.tags.mk-2fa-setting.intro%</p>
-	<div class="ui info warn"><p>%i18n:desktop.tags.mk-2fa-setting.caution%</p></div>
+	<div class="ui info warn"><p>%fa:exclamation-triangle%%i18n:desktop.tags.mk-2fa-setting.caution%</p></div>
 	<p if={ !data }><button onclick={ register } class="ui primary">%i18n:desktop.tags.mk-2fa-setting.register%</button></p>
 	<div if={ data }>
 		<ol>
@@ -271,7 +271,7 @@
 				<button onclick={ submit } class="ui primary">%i18n:desktop.tags.mk-2fa-setting.submit%</button>
 			</li>
 		</ol>
-		<div class="ui info"><p>%i18n:desktop.tags.mk-2fa-setting.info%</p></div>
+		<div class="ui info"><p>%fa:info-circle%%i18n:desktop.tags.mk-2fa-setting.info%</p></div>
 	</div>
 	<style>
 		:scope

src/web/app/desktop/ui.styl

@@ -103,6 +103,9 @@ textarea.ui
 	> p
 		opacity 0.8
 
+		> [data-fa]:first-child
+			margin-right 0.25em
+
 	&.warn
 		color #573a08
 		background #FFFAF3