Styling for elements on the landingpage

2020-01-23 10:11:24 +01:00
parent aac57dc208
commit cded42ef13
2 changed files with 18 additions and 1 deletions
--- a/src/ui/TotalBought.vue
+++ b/src/ui/TotalBought.vue
@@ -106,6 +106,12 @@ export default {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
+
+  @include mobile {
+    flex-direction: row;
+    justify-content: unset;
+    align-items: center;
+  }
 }

 .number-container {
@@ -120,6 +126,12 @@ export default {

 .inner-text-container {
  padding-left: 5px;
+
+  // TODO fix styling for displaying in columns
+  @include mobile {
+    margin-top: auto;
+    padding-bottom: 5px;
+  }
 }

 .bought-number-span {