diff --git a/frontend/src/app/components/transaction/transaction.component.html b/frontend/src/app/components/transaction/transaction.component.html index 00a645379..2479861b2 100644 --- a/frontend/src/app/components/transaction/transaction.component.html +++ b/frontend/src/app/components/transaction/transaction.component.html @@ -2,13 +2,14 @@
+

Transaction

+
diff --git a/frontend/src/app/components/transaction/transaction.component.scss b/frontend/src/app/components/transaction/transaction.component.scss index f007735a5..719f06b5b 100644 --- a/frontend/src/app/components/transaction/transaction.component.scss +++ b/frontend/src/app/components/transaction/transaction.component.scss @@ -8,6 +8,9 @@ border-top: 3px solid #FFF; width: 100%; padding-bottom: 30px; + display: flex; + flex-direction: column; + justify-content: space-between; @media (min-width: 768px) { padding-bottom: 0px; } diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss index 0c76ad6b1..4dd23d137 100644 --- a/frontend/src/styles.scss +++ b/frontend/src/styles.scss @@ -500,6 +500,17 @@ h1, h2, h3 { color: #ffffff; background-color: #653b9c; border-color: #3a1c61; + width: 100%; + display: inline-flex; + flex-direction: column; + justify-content: space-between; + @media (min-width: 676px){ + flex-direction: row; + } +} + +.flex{ + display: flex; } th {