X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FUserBio.vue;h=89c146abe00574c270f41f678a14ff99feae8f43;hb=d639b82a84af667908ccdda522cb1f94fddf55e5;hp=1a86b6713c815047e2983be7fd580e6a84cabc4e;hpb=1f9299393b795bfd2c5a57bf1292754a19329cd8;p=vchess.git

diff --git a/client/src/components/UserBio.vue b/client/src/components/UserBio.vue
index 1a86b671..89c146ab 100644
--- a/client/src/components/UserBio.vue
+++ b/client/src/components/UserBio.vue
@@ -4,13 +4,13 @@ div(:id="'player_' + uid")
     :id="'modalBio_' + uid"
     type="checkbox"
   )
-  div.bio-div(
+  .bio-div(
     role="dialog"
     :data-checkbox="'modalBio_' + uid"
   )
     .card
       div(v-if="st.user.id == uid")
-        div.buttons
+        .buttons
           button(@click="toggleEdit()")
             | {{ st.tr[modeEdit ? "Cancel" : "Edit"] }}
           button(
@@ -101,7 +101,7 @@ export default {
         {
           data: { bio: this.userBio },
           success: () => {
-            this.infoMsg = this.st.tr["Modifications applied!"];
+            this.infoMsg = "Modifications applied!";
           }
         }
       );
@@ -115,7 +115,7 @@ export default {
 .bio-content
   text-align: left
   margin: 0 var(--universal-margin)
-  p, ul, ol
+  p, ul, ol, pre, table, h3, h4, h5, h6, blockquote
     margin: var(--universal-margin) 0
   .br
     display: block
@@ -127,10 +127,13 @@ export default {
   max-width: 500px
   max-height: 100%
 
-.buttons > button
-  margin-bottom: 0
+.buttons
+  text-align: center
+  & > button
+    margin-bottom: 0
 
 h3
+  text-align: center
   margin-bottom: 5px
 
 textarea