From 1a0f3e2fdf92cf3774315b74a338336f7a8f4b8f Mon Sep 17 00:00:00 2001
From: slaveeks <chernyshev2001@icloud.com>
Date: Thu, 28 Jul 2022 18:13:14 +0300
Subject: [PATCH] Changed styles naming and added margin for navigation

---
 src/backend/views/components/navigator.twig   | 2 +-
 src/backend/views/pages/page.twig             | 2 +-
 src/frontend/styles/components/navigator.pcss | 3 ++-
 src/frontend/styles/components/page.pcss      | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/backend/views/components/navigator.twig b/src/backend/views/components/navigator.twig
index e14c646..b6eb48b 100644
--- a/src/backend/views/components/navigator.twig
+++ b/src/backend/views/components/navigator.twig
@@ -19,7 +19,7 @@ Usage example:
   {% set tag = 'a' %}
 {% endif %}
 
-<div class="navigator_wrapper">
+<div class="navigator__wrapper">
   {% if label and url %}
     <{{ tag }}
       {{ name is not empty ? 'name="' ~ name ~ '"': '' }}
diff --git a/src/backend/views/pages/page.twig b/src/backend/views/pages/page.twig
index 1739144..3244bed 100644
--- a/src/backend/views/pages/page.twig
+++ b/src/backend/views/pages/page.twig
@@ -39,7 +39,7 @@
         {% endif %}
       {%  endfor %}
     </section>
-    <footer class="page_footer">
+    <footer class="page__footer">
         {% include 'components/navigator.twig' with {label:  previousPage.title, direction: 'previous', url: '/' ~ previousPage.uri} %}
         {% include 'components/navigator.twig' with {label:  nextPage.title, direction: 'next', url: '/' ~ nextPage.uri} %}
     </footer>
diff --git a/src/frontend/styles/components/navigator.pcss b/src/frontend/styles/components/navigator.pcss
index 7c499a4..9d352aa 100644
--- a/src/frontend/styles/components/navigator.pcss
+++ b/src/frontend/styles/components/navigator.pcss
@@ -1,4 +1,5 @@
 .navigator {
+  margin-top: 35px;
   cursor: pointer;
   -webkit-user-select: none;
   display: flex;
@@ -32,7 +33,7 @@
   }
 }
 
-.navigator_wrapper {
+.navigator__wrapper {
   max-width: 100%;
   margin: 0;
   padding: 0;
diff --git a/src/frontend/styles/components/page.pcss b/src/frontend/styles/components/page.pcss
index 02412d7..aa51d7f 100644
--- a/src/frontend/styles/components/page.pcss
+++ b/src/frontend/styles/components/page.pcss
@@ -497,7 +497,7 @@
   }
 }
 
-.page_footer {
+.page__footer {
   display: flex;
   flex-direction: row;
   justify-content: space-between;