Cosmetics
[vchess.git] / client / src / components / UserBio.vue
index eed423a..89c146a 100644 (file)
@@ -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