cambio del resposive

src/components/User.vue

@@ -1,21 +1,30 @@
 <template lang="pug">
   div
     app-menu
-    .row
-      .col-8.offset-2.left
+    
+    
+   
         br
         br
-        .row
-          .col-6
+        
+    .row.my-4
+        .col-10.col-xl-9.offset-1.right
+            button.btn.btn-danger(v-on:click="$router.push('/')") Salir
+
+        
+        .row.my-4
+          .col-10.col-xl-11.col-lg-11.col-md-11.offset-2.left
             h5 Usuario : {{`${data.persona[0].nombre}  ${data.persona[0].apellido_p}  ${data.persona[0].apellido_m} `}}
             p Correo : {{data.persona[0].correo_electronico}}
             p Comunidad : {{data.persona[0].comunidad}}
             p Situacion Academica : {{data.persona[0].situacion_academica}}
-          .col-6.right
-            button.btn.btn-danger(v-on:click="$router.push('/')") Salir
-        br
-        br
-        table.table
+          
+    
+        
+    .row
+    .col-10.offset-1.left.table-responsive-sm
+
+        table.table.mt-2.table-hover
           thead
             tr
               td Tipo
@@ -28,8 +37,9 @@
               td {{i.nombre_trabajo}}
               td {{i.autor_principal}}
               td {{i.segundo_autor}}
-        br
-        br
+       
+      
+      
 </template>
 
 <script>