DevVad 3 rokov pred
rodič
commit
97e8e16827

+ 25 - 25
src/assets/styles/blocks/service.styl

@@ -5,30 +5,7 @@
   padding-top 74px
   padding-bottom 96px
   background-color #D49E31
-
-  &__arrows
-    display flex
-    flex-direction row
-    position absolute
-    left 135px
-    bottom -990px
-
-  &__arrow_back
-    height 48px
-    width 48px
-    border-radius 100%
-    background-image url(../images/service/oval.svg)
-    border none
-
-  &__arrow_forward
-    height 48px
-    width 48px
-    border-radius 100%
-    background-image url(../images/service/oval.svg)
-    border none
-
-  &__arrow_right
-    margin-right 8px
+  position relative
 
   &__card
     width 370px
@@ -84,12 +61,35 @@
     width 176px
     height 176px
     left 69px
-    top 1015px
+    top 116px
     object-position left top
     object-fit cover
     margin 0
     padding 0
 
+.arrows
+  display flex
+  margin-top 48px
+  justify-content center
+
+  &--left
+    justify-content flex-start
+
+  &__back
+    height 48px
+    width 48px
+    border-radius 100%
+    border none
+
+    &--right
+      margin-right 8px
+
+  &__forward
+    height 48px
+    width 48px
+    border-radius 100%
+    border none
+
 .wrap
   position absolute
   right 135px

+ 3 - 3
src/templates/blocks/service/service.pug

@@ -41,8 +41,8 @@ mixin service()
               | height in the atmosphere, for the sky was
               br
               | a dead black, and the stars.
-      +e.NAV.arrows
-        +e.button.arrow_back.arrow_right(type='submit')
+      +b.NAV.arrows--left
+        +e.BUTTON.back.--right(type='submit')
           IMG(src='../../../assets/images/service/back.svg' alt='back')
-        +e.button.arrow_forward(type='submit')
+        +e.BUTTON.forward(type='submit')
           IMG(src='../../../assets/images/service/forward.svg' alt='forward')