dos

Public/static/js/common.js

@@ -142,9 +142,31 @@ function initPage() {
     const inputHeight = parseFloat($('.input-wrapper').css('height'));
     const inputHeight = parseFloat($('.input-wrapper').css('height'));
     const transformTop = parseFloat(getTranslateDistance());
     const transformTop = parseFloat(getTranslateDistance());
 
 
-    const spacing = (headerHeight - transformTop - logoHeight - inputHeight) / 3;
+    let spacing = (headerHeight - transformTop - logoHeight - inputHeight) / 3;
     $('.logo').css('top', transformTop + spacing + 'px');
     $('.logo').css('top', transformTop + spacing + 'px');
     $('.input-wrapper').css('top', transformTop + (spacing * 2 + logoHeight) + 'px');
     $('.input-wrapper').css('top', transformTop + (spacing * 2 + logoHeight) + 'px');
+
+
+    const bottomHeight = 418;
+    const numHeight = parseFloat($('.num').css('height'));
+    const btnHeight = parseFloat($('.btn-go').css('height'));
+    const textHeight = parseFloat($('.bottom').css('height'));
+
+    spacing = (bottomHeight - numHeight - btnHeight - textHeight - transformTop) / 4;
+
+    $('.num').css({
+        top: 'auto',
+        bottom: spacing + transformTop + 'px'
+    });
+
+    $('.btn-go').css({
+        top: 'auto',
+        bottom: spacing * 2 + numHeight + transformTop + 'px'
+    });
+    $('.bottom').css({
+        top: 'auto',
+        bottom: pacing * 3 + numHeight + btnHeight + transformTop + 'px'
+    });
 }
 }
 
 
 function changePoster() {
 function changePoster() {