Improve avatar CSS

diff --git a/src/jvmMain/kotlin/starshipfights/info/views_main.kt b/src/jvmMain/kotlin/starshipfights/info/views_main.kt
index 2f1db15364b58b982099a27d9338c6622631df4e..594e4b482d1f058075204d92ebc67df3cb931e82 100644 (file)
--- a/src/jvmMain/kotlin/starshipfights/info/views_main.kt
+++ b/src/jvmMain/kotlin/starshipfights/info/views_main.kt
@@ -50,8 +50,10 @@ suspend fun ApplicationCall.newUsersPage(): HTML.() -> Unit {
                                style = "text-align:center"
                                newUsers.forEach { newUser ->
                                        div {
-                                               style = "display:inline-block;width:24%"
-                                               img(src = newUser.discordAvatarUrl) { style = "width:100%" }
+                                               style = "display:inline-block;width:20%;padding:2%"
+                                               img(src = newUser.discordAvatarUrl) {
+                                                       style = "width:100%;border-radius:50%"
+                                               }
                                                p {
                                                        style = "text-align:center"
                                                        a(href = "/user/${newUser.id}") {

diff --git a/src/jvmMain/kotlin/starshipfights/info/views_user.kt b/src/jvmMain/kotlin/starshipfights/info/views_user.kt
index 05f55093a5f1fe0062198be13209aab11f75d837..d3df5a2a8325ceae979930cdfe42bcc64d395eb7 100644 (file)
--- a/src/jvmMain/kotlin/starshipfights/info/views_user.kt
+++ b/src/jvmMain/kotlin/starshipfights/info/views_user.kt
@@ -36,7 +36,9 @@ suspend fun ApplicationCall.userPage(): HTML.() -> Unit {
        
        return page(
                user.profileName, standardNavBar(), CustomSidebar {
-                       img(src = user.discordAvatarUrl)
+                       img(src = user.discordAvatarUrl) {
+                               style = "border-radius:50%"
+                       }
                        p {
                                style = "text-align:center"
                                if (user.showDiscordName) {