:sparkles: pairs card default style implemented

frontend/src/components/PairsList.vue

@@ -2,23 +2,20 @@
 section.pairs-list
     article(v-if='pairs.length')
         template(v-for='pair in pairs')
-            router-link.pair.w-flex.align-center.justify-space-around(
+            router-link.pair.w-flex.align-center.flex-start(
                 :to='`/profile/${pair.profile.pid}`'
                 v-if='tabName == "pending"'
             )
-            router-link.pair.w-flex.align-center.justify-space-around(
+            router-link.pair.w-flex.align-center.flex-start(
                 :to='`/chat/${pair.profile.pid}`'
                 v-else
             )
                 .dot--icon
                 .avatar
                 .idCard
-                    p {{ pair.profile.name }}
-                    p {{ pair.profile.pid }}
-                    p since: {{ pair.grouping.createdAt }}
-                    p updated: {{ pair.grouping.lastUpdatedAt }}
-                    p paired: {{ pair.grouping.is_paired }}
-                    p revealed tags: {{ pair.grouping.tags }}
+                    h3 {{ pair.profile.name }} {{ pair.profile.pid }}
+                    p registered nurse
+
     p(v-else) No {{ tabName }} profiles.
 </template>
 
@@ -37,19 +34,26 @@ const props = defineProps({
 
 <style lang="sass">
 .pairs-list
-    background-color:#000
-    max-width: 450px
-    width: 100%
-    height: 100vh
-    margin: 0 auto
+    color: #fff
     article
+        font-family: 'Century Gothic'
         .dot--icon
-            width:3vw
-            height:3vw
+            width:12px
+            height:12px
+            margin: 11px
             border-radius:50%
             background-color:#60C3FF
         .avatar
-            width:10vw
-            height:10vw
+            width:40px
+            height:40px
+            margin: 11px
+            border-radius: 6px
             background-color:#D5D5D5
+        .idCard
+            color: #fff
+            margin: 11px
+            h3
+                font-size: 16px
+            p
+                font-size: 14px
 </style>

frontend/src/components/ProfileCardList.vue

@@ -1,8 +1,13 @@
 <template lang="pug">
 section.profile-card-list.xs12.w-flex.column
     header.xs12.w-flex 
+<<<<<<< HEAD
         w-select(:items='["one", "two", "three"]' outline) Label
 
+=======
+        //- w-select(:items="['one', 'two', 'three']" outline) Label
+    
+>>>>>>> 8afdd6e (:sparkles: pairs card default style implemented)
     article
         ProfileCard.match-layout(
             :aspects='aspects'

frontend/src/views/HomeView.vue

@@ -6,28 +6,6 @@ main.view--home
     p(v-else-if='cards.length === 0') No profiles in match_queue.
     w-spinner(v-else bounce)
 
-    footer
-        w-form
-            w-input.mb2(
-                inner-icon-left='mdi mdi-account'
-                label='Full Name'
-                label-position='inside'
-                outline
-            )
-            w-input.mb2(
-                inner-icon-left='mdi mdi-mail'
-                label='E-mail'
-                label-position='inside'
-                outline
-            )
-            w-input.mb2(
-                inner-icon-left='mdi mdi-lock'
-                label='Password'
-                label-position='inside'
-                outline
-                type='password'
-            )
-
     MainNav
 </template>