Place: Fix title alignments and margins

2020-03-11 19:23:56 +01:00
parent 6c5f4f41e1
commit ba5d1de780
2 changed files with 12 additions and 7 deletions
--- a/src/style/pages/_place.scss
+++ b/src/style/pages/_place.scss
@@ -30,6 +30,7 @@
        }

        h1 {
+            --offset: #{pxVW(72)};
            position: relative;
            z-index: 2;
            text-align: center;
@@ -39,17 +40,21 @@
            .anim-translate {
                display: inline-block;
            }
-        }
-
-        &_bottom {
-            text-align: right;
-            margin-left: pxVW(128);

            @include breakpoint (xl) {
-                margin-left: 128px;
+                --offset: 72px;
            }
        }

+        &_top {
+            margin-left: calc(-1 * var(--offset));
+            text-align: left;
+        }
+        &_bottom {
+            text-align: right;
+            margin-left: var(--offset);
+        }
+
        // Switcher button
        .button-control {
            z-index: 1;