diff --git a/src/components/CreateMonth.vue b/src/components/CreateMonth.vue
index 2bd7e0f..c76fd02 100644
--- a/src/components/CreateMonth.vue
+++ b/src/components/CreateMonth.vue
@@ -46,9 +46,10 @@ export default {
.month-presentation {
display: inline-flex;
flex-direction: row;
- background-color: darkgray;
+ background-color: palegreen;
align-items: center;
justify-content: space-between;
+ border-radius: 10px;
width: 100%;
}
.month-presentation > * {
diff --git a/src/components/MonthForm.vue b/src/components/MonthForm.vue
index 458144e..10262e4 100644
--- a/src/components/MonthForm.vue
+++ b/src/components/MonthForm.vue
@@ -14,7 +14,7 @@
-
+
@@ -52,7 +52,7 @@ ul {
flex-flow: row wrap;
}
li {
- margin: 0px;
+ margin: 3px;
width: 30%;
display: flex;
flex-direction: column-reverse;
diff --git a/src/components/MonthPresentation.vue b/src/components/MonthPresentation.vue
index 0160187..22075bf 100644
--- a/src/components/MonthPresentation.vue
+++ b/src/components/MonthPresentation.vue
@@ -5,12 +5,12 @@
- - CA théorique {{ month.ca_theo ?? "∅"}}
- - CA à la rétrocession {{ month.ca_retro ?? "∅"}}
- - CA réactualisé {{ month.ca_react ?? "∅"}}
- - Nombre de séances {{ month.nbr_seances ?? "∅"}}
- - Montant de la rétrocession {{ month.retro ?? "∅"}}
- - Rémunération effectuée {{ month.remumeration ?? "∅"}}
+ - CA théorique {{ month.ca_theo ?? "∅"}}€
+ - CA à la rétrocession {{ month.ca_retro ?? "∅"}}€
+ - CA réactualisé {{ month.ca_react ?? "∅"}}€
+ - Nombre de séances effectuée {{ month.nbr_seances ?? "∅"}}
+ - Montant de la rétrocession {{ month.retro ?? "∅"}}€
+ - Rémunération effectuée {{ month.remumeration ?? "∅"}}€
@@ -37,14 +37,36 @@ export default {
.month-presentation {
display: inline-flex;
flex-direction: row;
- background-color: grey;
+ background-color: mintcream;
align-items: center;
justify-content: space-between;
width: 100%;
+ border-radius: 10px;
}
.month-presentation > * {
margin: 20px;
}
+.date {
+ font-size: 1.5em;
+ font-weight: bold;
+}
+
+ul {
+ list-style-type: none;
+ padding: 0;
+ display: flex;
+ flex-flow: row wrap;
+}
+li {
+ margin: 3px;
+ width: 30%;
+ display: flex;
+ flex-direction: column-reverse;
+}
+.value {
+ font-size: 1.5em;
+ font-weight: bold;
+}
diff --git a/src/style.css b/src/style.css
index a3dd76a..18295a6 100644
--- a/src/style.css
+++ b/src/style.css
@@ -13,6 +13,7 @@ button {
display: inline-block;
width: 100%;
font-size: 16px;
+ border-radius: 5px;
}
.validate {
background-color: green;