From 6483a76192d328ff7f7793bb5dc051dbe8c42972 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Mon, 24 Dec 2018 12:53:50 +0000
Subject: [PATCH] Fix card height if titles are different lengths
---
src/components/ApplicationCard.vue | 2 +-
src/views/Applications.vue | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/components/ApplicationCard.vue b/src/components/ApplicationCard.vue
index e105991..92c8174 100644
--- a/src/components/ApplicationCard.vue
+++ b/src/components/ApplicationCard.vue
@@ -1,6 +1,6 @@
<template>
<div>
- <div v-if="display == 'grid'" class="bg-white p-4 border-grey rounded border">
+ <div v-if="display == 'grid'" class="bg-white p-4 border-grey rounded border flex-1">
<div class="flex flex-col h-full justify-between">
<div class="flex mb-12" :class="[display == 'grid' ? 'justify-between' : '']">
<div>
diff --git a/src/views/Applications.vue b/src/views/Applications.vue
index 73a8a86..9ed9fc4 100644
--- a/src/views/Applications.vue
+++ b/src/views/Applications.vue
@@ -47,7 +47,7 @@
:key="application.id"
:display="display"
class="px-3 w-full"
- :class="[display == 'grid' ? 'lg:w-1/3 mb-6 rounded' : '']"
+ :class="[display == 'grid' ? 'lg:w-1/3 mb-6 flex flex-col' : '']"
></application-card>
</div>
</div>