Use characters instead of CSS transform to display arrows

[rhynodge.git] / src / main / kotlin / net / pterodactylus / rhynodge / webpages / weather / wettercom / WetterComTrigger.kt

diff --git a/src/main/kotlin/net/pterodactylus/rhynodge/webpages/weather/wettercom/WetterComTrigger.kt b/src/main/kotlin/net/pterodactylus/rhynodge/webpages/weather/wettercom/WetterComTrigger.kt
index d25610a..c671dc0 100644 (file)
--- a/src/main/kotlin/net/pterodactylus/rhynodge/webpages/weather/wettercom/WetterComTrigger.kt
+++ b/src/main/kotlin/net/pterodactylus/rhynodge/webpages/weather/wettercom/WetterComTrigger.kt
@@ -8,6 +8,7 @@ import kotlinx.html.html
 import kotlinx.html.img
 import kotlinx.html.stream.createHTML
 import kotlinx.html.style
+import kotlinx.html.unsafe
 import net.pterodactylus.rhynodge.Reaction
 import net.pterodactylus.rhynodge.State
 import net.pterodactylus.rhynodge.Trigger
@@ -48,8 +49,11 @@ class WetterComTrigger : Trigger {
         return createHTML().html {
             head {
                 style("text/css") {
-                    +".hour-state { display: table-row; }"
-                    +".hour-state > div { display: table-cell; }"
+                    unsafe {
+                        +".hour-state { display: table-row; }"
+                        +" "
+                        +".hour-state > div { display: table-cell; padding-right: 1em; }"
+                    }
                 }
             }
             body {
@@ -61,7 +65,7 @@ class WetterComTrigger : Trigger {
                         div("temperature") { +"%d °C".format(it.temperature.toInt()) }
                         div("rain-probability") { +"%d%%".format((it.rainProbability * 100).toInt()) }
                         div("rain-amount") { +"%d l/m²".format(it.rainAmount.toInt()) }
-                        div("wind-direction") { +it.windDirection.name }
+                        div("wind-direction") { +it.windDirection.arrow }
                         div("wind-speed") { +"%d km/h".format(it.windSpeed.toInt()) }
                         div("description") { +it.description }
                         div("image") { img(src = it.image) }