Decrease font size a bit on mobile & remove margin for last element

2022-03-04 18:26:57 +01:00
parent 7ded50ea84
commit 4432d8e604
1 changed files with 8 additions and 0 deletions
--- a/src/components/ui/MovieDetail.vue
+++ b/src/components/ui/MovieDetail.vue
@@ -29,6 +29,10 @@ export default {
  margin-bottom: 20px;
  margin-right: 20px;

+  &:last-of-type {
+    margin-bottom: 0px;
+  }
+
  @include tablet-min {
    margin-bottom: 30px;
    margin-right: 30px;
@@ -40,6 +44,10 @@ export default {
    text-transform: uppercase;
    font-size: 1.2rem;
    color: var(--color-green);
+
+    @include mobile {
+      font-size: 1.1rem;
+    }
  }

  span.info {