VPN-45 4. горизонт мобила текста выровнять по центру

index.js

@@ -263,6 +263,7 @@ function setOriented(position) {
     const header = document.querySelector("header");
     const header = document.querySelector("header");
     const mobileСrossWrapper = document.querySelector(".mobile-cross-wrapper");
     const mobileСrossWrapper = document.querySelector(".mobile-cross-wrapper");
     const cardBcgOne = document.querySelector(".card.bcg-one");
     const cardBcgOne = document.querySelector(".card.bcg-one");
+    const notationOne = document.querySelector(".notation-one");
 
 
     if (main != null) {
     if (main != null) {
       main.classList.add("oriented");
       main.classList.add("oriented");
@@ -279,12 +280,17 @@ function setOriented(position) {
     if (cardBcgOne != null) {
     if (cardBcgOne != null) {
       cardBcgOne.classList.add("oriented");
       cardBcgOne.classList.add("oriented");
     }
     }
+
+    if (notationOne != null) {
+      notationOne.classList.add("oriented");
+    }
   }
   }
   else {
   else {
     const main = document.querySelector(".main");
     const main = document.querySelector(".main");
     const header = document.querySelector("header");
     const header = document.querySelector("header");
     const mobileСrossWrapper = document.querySelector(".mobile-cross-wrapper");
     const mobileСrossWrapper = document.querySelector(".mobile-cross-wrapper");
     const cardBcgOne = document.querySelector(".card.bcg-one");
     const cardBcgOne = document.querySelector(".card.bcg-one");
+    const notationOne = document.querySelector(".notation-one");
 
 
     if (main != null) {
     if (main != null) {
       main.classList.remove("oriented");
       main.classList.remove("oriented");
@@ -301,6 +307,10 @@ function setOriented(position) {
     if (cardBcgOne != null) {
     if (cardBcgOne != null) {
       cardBcgOne.classList.remove("oriented");
       cardBcgOne.classList.remove("oriented");
     }
     }
+
+    if (notationOne != null) {
+      notationOne.classList.remove("oriented");
+    }
   }
   }
 }
 }
 
 

style.css

@@ -126,6 +126,8 @@ header > ul.nav.nav-pills > .nav-item > .btn.download {
     font-size: 14px;
     font-size: 14px;
     line-height: 19px;
     line-height: 19px;
 
 
+    width: 180px;
+
     margin: 0 12px;
     margin: 0 12px;
     padding: 18px 0px;
     padding: 18px 0px;
   }
   }
@@ -623,6 +625,7 @@ hr.delimeter {
   .main > .main-first > .card.descr {
   .main > .main-first > .card.descr {
     width: 100%;
     width: 100%;
 
 
+    margin-left: 0;
     padding: 14px;
     padding: 14px;
   }
   }
 }
 }
@@ -965,6 +968,10 @@ article.notation-one {
   user-select: none;
   user-select: none;
 }
 }
 
 
+article.notation-one.oriented {
+  text-align: center;
+}
+
 @media screen and (max-width: 680px) {
 @media screen and (max-width: 680px) {
   article.notation-one {
   article.notation-one {
     text-align: center;
     text-align: center;
@@ -1077,25 +1084,38 @@ article.notation-one {
   display: none;
   display: none;
 }
 }
 
 
-.main.oriented > .main-first > .card.bcg-one > .card.descr > .descr-top {
+.main.oriented > .main-first > .card.descr > .descr-top {
   padding: 0px 0 8px 0;
   padding: 0px 0 8px 0;
 }
 }
 
 
 .main.oriented
 .main.oriented
   > .main-first
   > .main-first
-  > .card.bcg-one
   > .card.descr
   > .card.descr
   > .descr-top
   > .descr-top
   > .descr-top__title-top {
   > .descr-top__title-top {
   font-size: 20px;
   font-size: 20px;
 
 
+  width: 100%;
+
   padding: 0px 0 6px 0;
   padding: 0px 0 6px 0;
+
+  text-align: center;
 }
 }
 
 
 .main.oriented
 .main.oriented
   > .main-first
   > .main-first
-  > .card.bcg-one
   > .card.descr
   > .card.descr
+  > .descr-top
+  > .descr-top__title-bottom {
+  width: 100%;
+
+  text-align: center;
+}
+
+.main.oriented
+  > .main-first
+  > .card.descr
+  > .descr-top
   > .descr-top__title-bottom
   > .descr-top__title-bottom
   > .title__colored {
   > .title__colored {
   font-size: 20px;
   font-size: 20px;
@@ -1103,13 +1123,20 @@ article.notation-one {
 
 
 .main.oriented
 .main.oriented
   > .main-first
   > .main-first
-  > .card.bcg-one
   > .card.descr
   > .card.descr
+  > .descr-top
   > .descr-top__title-bottom
   > .descr-top__title-bottom
   > .title__uncolored {
   > .title__uncolored {
   font-size: 20px;
   font-size: 20px;
 }
 }
 
 
+.main.oriented
+  > .main-first
+  > .card.descr
+  > .descr-bottom{
+  width: 100%;
+}
+
 footer.footer {
 footer.footer {
   width: 100%;
   width: 100%;