From 1ef031c196da82e3b63cbbd9b5f54aed575903e0 Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Sat, 12 Jun 2021 17:06:13 +0200
Subject: [PATCH] :lipstick: (card) fix card style

---
 src/views/SpacedRepetitionCard.vue | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/views/SpacedRepetitionCard.vue b/src/views/SpacedRepetitionCard.vue
index b07de13..ca806ce 100644
--- a/src/views/SpacedRepetitionCard.vue
+++ b/src/views/SpacedRepetitionCard.vue
@@ -62,12 +62,11 @@ export default defineComponent({
 .spaced-repetition-card {
   display: flex;
   flex: 1;
-  padding: 0 1rem;
 
   .flip-card {
+    display: flex;
     background-color: transparent;
-    width: 400px;
-    height: 200px;
+    padding: 0 1rem;
     margin: auto;
 
     &:hover {
@@ -76,9 +75,8 @@ export default defineComponent({
   }
 
   .flip-card-inner {
+    flex: 1;
     position: relative;
-    width: 100%;
-    height: 100%;
     transition: cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s;
     transform-style: preserve-3d;
     border-radius: 1rem;
@@ -91,12 +89,11 @@ export default defineComponent({
   .flip-card-front,
   .flip-card-back {
     position: absolute;
-    width: 100%;
-    height: 100%;
     backface-visibility: hidden;
   }
 
   .flip-card-content {
+    width: 100%;
     background-color: #ebebeb;
     color: var(--font-color);
     padding: 1rem;