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

diff --git a/client/src/components/UserBio.vue b/client/src/components/UserBio.vue
index eed423a6..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(
@@ -94,13 +94,14 @@ export default {
       else if (this.modeEdit) this.adjustHeight();
     },
     sendBio: function() {
+      this.modeEdit = false;
       ajax(
         "/userbio",
         "PUT",
         {
           data: { bio: this.userBio },
           success: () => {
-            this.infoMsg = this.st.tr["Modifications applied!"];
+            this.infoMsg = "Modifications applied!";
           }
         }
       );
@@ -114,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
@@ -126,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