estilos y bordes

src/pages/IndexPage.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="row q-ma-md">
+  <div class="row q-mt-md q-mx-md">
     <div class="col">
       <q-btn
         round

src/pages/ListasPage.vue

@@ -1,11 +1,11 @@
 <template>
   <div
-    class="flex flex-center bg-teal-7 q-ma-md cursor-pointer"
+    class="flex flex-center bg-teal-7 q-ma-md cursor-pointer rounded-borders"
     @click="irPerfil()"
   >
-    <h1 style="font-weight: 415">
+    <h3 style="font-weight: 615">
       {{ listaStore.pb.authStore.model.username }}
-    </h1>
+    </h3>
   </div>
   <div class="flex flex-center">
     <q-btn
@@ -16,13 +16,13 @@
       @click="crearLista()"
     />
   </div>
-  <div class="flex flex-center q-pt-xl q-mt-xl">
+  <div class="flex flex-center q-mt-xl">
     <div
       class="full-width text-center q-px-md"
       v-for="lista in listas"
       :key="lista.id"
     >
-      <p class="bg-cyan-7 q-pa-md text-weight-bold text-h6">
+      <p class="bg-cyan-7 q-pa-md text-weight-bold text-h6 rounded-borders">
         {{ lista.nombre
         }}<q-icon
           class="float-right cursor-pointer q-mt-xs"