Changed styles naming and added margin for navigation

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 ~ '"': '' }}

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>

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;

src/frontend/styles/components/page.pcss

@@ -497,7 +497,7 @@
   }
 }
 
-.page_footer {
+.page__footer {
   display: flex;
   flex-direction: row;
   justify-content: space-between;