Ikony u informací pracovníků

sass/main.scss

@@ -221,6 +221,20 @@ main {
 			a { font-weight: normal }
 			a:hover { text-decoration: underline }
 		}
+
+		.mail, .tel, .cal {
+			display: flex;
+			align-items: center;
+
+			&::before {
+				font-family: icomoon;
+				font-size: 1.2em;
+				margin-right: .4em;
+			}
+		}
+		.mail::before { content: "\e90e" }
+		.tel::before { content: "\e913" }
+		.cal::before { content: "\e905" }
 	}
 
 	.people-profile .info {

templates/macros.html

@@ -157,12 +157,18 @@
 
 {% macro profile_info(profile) %}
 	{% if profile.extra.email %}
-		<div><a href="mailto:{{ profile.extra.email }}">{{ profile.extra.email }}</a></div>
+		<div class="mail">
+			<a href="mailto:{{ profile.extra.email }}">{{ profile.extra.email }}</a>
+		</div>
 	{% endif %}
 	{% if profile.extra.phone %}
-		<div><a href="tel:{{ profile.extra.phone }}">{{ profile.extra.phone }}</a></div>
+		<div class="tel">
+			<a href="tel:{{ profile.extra.phone }}">{{ profile.extra.phone }}</a>
+		</div>
 	{% endif %}
 	{% if profile.extra.sis %}
-		<a href="https://is.cuni.cz/studium/rozvrhng/roz_ucitel_macro.php?fak=11410&ucitel={{ profile.extra.sis }}">Rozvrh</a>
+		<div class="cal">
+			<a href="https://is.cuni.cz/studium/rozvrhng/roz_ucitel_macro.php?fak=11410&ucitel={{ profile.extra.sis }}">Rozvrh</a>
+		</div>
 	{% endif %}
 {% endmacro %}