Minor mobile layout improvement for BasicUserCard

2019-02-26 16:08:02 -05:00 · 2019-02-26 16:08:02 -05:00 · d5f8e2b1ee
commit d5f8e2b1ee
parent 651c97153b
1 changed files with 5 additions and 0 deletions
--- a/src/components/basic_user_card/basic_user_card.vue
+++ b/src/components/basic_user_card/basic_user_card.vue
@ -110,11 +110,16 @@
  @media (min-width: 320px) and (max-width: 480px) {
    &-primary-secondary-wrapper {
      flex-direction: column;
+      align-items: stretch;
    }

    &-primary-area {
      margin-right: 0;
    }
+
+    &-secondary-area {
+      align-self: flex-end;
+    }
  }
 }
 </style>