Merge branch 'master' of github.com:merelendor/evoleasing-account

css/header/style.css

@@ -248,6 +248,7 @@ header .system_nav .backdrop .modal .list li p.date {
     width: 100%;
     margin-left: 0px;
     margin-right: 0;
+    padding-left: 20px;
   }
 }
 header .system_nav .backdrop .modal .list li p.action {

css/header/style.css.map

@@ -1 +1 @@
-{"version":3,"sources":["style.less"],"names":[],"mappings":"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"}
+{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA,OACE,eAAA,CACA,cAAA,CACA,UAAA,CACA,MAAA,CACA,OAAA,CAEA,YAAA,CACA,cAAA,CACA,gBAAA,CACA,mDAEA,gBAAmC,uBAAwB,kBAA3D,OACE,WAAA,CACA,cAAA,CACA,kBAfJ,MAkBE,YACE,cAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,SAAA,CACA,gBAEA,MARF,WAQG,OACC,aA3BN,MA+BE,GACE,oBAAA,CACA,WAEA,MAJF,EAIG,MACC,UAAW,gBApCjB,MAwCE,cACE,aAAA,CACA,cAAA,CACA,6BAAA,CACA,8BAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,WAAA,CACA,WAEA,MAXF,aAWG,YACC,cAAA,CACA,eAAA,CACA,eAtDN,MAwCE,aAiBE,IACE,aACE,aA3DR,MAwCE,aAiBE,IAKE,IACE,aAGE,MA1BR,aAiBE,IAKE,GAGE,GACG,IAAI,cACH,kBAGF,MA9BR,aAiBE,IAKE,GAGE,GAKG,YACC,kBAvEZ,MAwCE,aAiBE,IAKE,GAGE,GASE,EAAC,QACC,MAAO,WAAP,CACA,gBAGF,MAvCR,aAiBE,IAKE,GAGE,GAcG,OACC,GACE,MAAO,WAAP,CACA,gBAlFd,MA0FE,aACE,YAAA,CACA,kBAAA,CACA,SA7FJ,MA0FE,YAKE,GAAK,GACH,aAAA,CACA,UAAA,CACA,WAAA,CACA,aAAA,CACA,iBAAA,CACA,kBAEA,MAbJ,YAKE,GAAK,EAQF,aAAa,QACZ,QAAS,iBAAT,CACA,aAAA,CACA,iBAAA,CACA,QAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,gBAAA,CACA,iBAAA,CACA,UAAA,CACA,kBAAA,CACA,eAEA,gBAAkC,iBAAlC,MA5BN,YAKE,GAAK,EAQF,aAAa,QAgBV,UAAA,CACA,WAAA,CACA,cAAA,CACA,gBAAA,CACA,KAAA,CACA,SAIJ,MAtCJ,YAKE,GAAK,EAiCF,iBAAiB,QAChB,aAIF,MA3CJ,YAKE,GAAK,EAsCF,oBACC,2EAGF,MA/CJ,YAKE,GAAK,EA0CF,qBACC,sEAGF,MAnDJ,YAKE,GAAK,EA8CF,sBACC,uEAIJ,gBAAkC,iBAAlC,MAxDF,aAyDI,SADF,MAxDF,YA2DG,GAAK,GACF,UAAA,CACA,WAAA,CACA,iCAxJR,MA0FE,YAkEE,IACE,kBA7JN,MA0FE,YAwEE,WACE,iBAAA,CACA,WAAA,CACA,QAAA,CACA,WAAA,CACA,aAEA,MA/EJ,YAwEE,UAOG,QACC,cAGF,gBAAmC,kBAAnC,MAnFJ,YAwEE,WAYI,aAGF,gBAAkC,iBAAlC,MAvFJ,YAwEE,WAgBI,6BAAA,CACA,cAAA,CACA,KAAA,CACA,MAAA,CACA,OAAA,CACA,QAAA,CACA,YAAA,CACA,iBAAA,CACA,YA1LR,MA0FE,YAwEE,UA4BE,QACE,kBAAA,CACA,sCAAA,CACA,wBAAA,CACA,kBAEA,MA1GN,YAwEE,UA4BE,OAMG,QACC,QAAS,EAAT,CACA,aAAA,CACA,OAAA,CACA,QAAA,CACA,kCAAA,CACA,mCAAA,CACA,6BAAA,CACA,iBAAA,CACA,SAAA,CACA,YAGF,gBAAkC,iBAAlC,MAvHN,YAwEE,UA4BE,QAqBI,yBADA,MAxHR,YAwEE,UA4BE,OAoBK,QAAS,cAlNpB,MA0FE,YAwEE,UA4BE,OAwBE,MACE,IACE,cAAA,CACA,gBAAA,CACA,+BAAA,CACA,aAAA,CACA,cAAA,CACA,YAAA,CACA,cAAA,CACA,6BAAA,CACA,kBAGE,MAzIZ,YAwEE,UA4BE,OAwBE,MACE,GAWG,IACE,OACC,QAAS,EAAT,CACA,aAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,kBAAA,CACA,iBAAA,CACA,QAAA,CACA,QAEA,gBAAkC,iBAAlC,MApJd,YAwEE,UA4BE,OAwBE,MACE,GAWG,IACE,OAYG,UAAA,CACA,QAhPlB,MA0FE,YAwEE,UA4BE,OAwBE,MACE,GA8BE,GACE,iBAEA,MA9JZ,YAwEE,UA4BE,OAwBE,MACE,GA8BE,EAGG,IAAI,cACH,kBAGF,MAlKZ,YAwEE,UA4BE,OAwBE,MACE,GA8BE,EAOG,MACC,aAAA,CACA,MAAO,kBAAP,CACA,gBAEA,gBAAkC,iBAAlC,MAvKd,YAwEE,UA4BE,OAwBE,MACE,GA8BE,EAOG,MAMG,OAAA,CACA,YAPJ,MAlKZ,YAwEE,UA4BE,OAwBE,MACE,GA8BE,EAOG,KAYC,GACE,cAIJ,MAnLZ,YAwEE,UA4BE,OAwBE,MACE,GA8BE,EAwBG,MACC,eAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,kBAEA,gBAAkC,iBAAlC,MA1Ld,YAwEE,UA4BE,OAwBE,MACE,GA8BE,EAwBG,MAQG,OAAA,CACA,UAAA,CACA,eAAA,CACA,cAAA,CACA,mBAIJ,MAnMZ,YAwEE,UA4BE,OAwBE,MACE,GA8BE,EAwCG,QACC,UAAA,CACA,gBAEA,gBAAkC,iBAAlC,MAvMd,YAwEE,UA4BE,OAwBE,MACE,GA8BE,EAwCG,QAKG,OAAA,CACA,mBAIJ,MA7MZ,YAwEE,UA4BE,OAwBE,MACE,GA8BE,EAkDG,MACC,eAAA,CACA,mBAEA,gBAAkC,iBAAlC,MAjNd,YAwEE,UA4BE,OAwBE,MACE,GA8BE,EAkDG,MAKG,eAAA,CACA,mBA7SlB,MA0FE,YAwEE,UA4BE,OAwBE,MACE,GA2FE,GACE,MAAO,WAAP,CACA,gBApTd,MA0FE,YAwEE,UA4BE,OA2HE,MACE,WAAY,WAAZ,CACA,gBAAA,CACA,iBAAA,CACA,aAAA,CACA,yBAAA,CACA,eAAA,CACA,cAAA,CACA,WAEA,gBAAkC,iBAAlC,MAzOR,YAwEE,UA4BE,OA2HE,MAWI,2BApUZ,MA0FE,YAwEE,UA4BE,OA0IE,QACE,aAEA,gBAAkC,iBAAlC,MAjPR,YAwEE,UA4BE,OA0IE,QAII,sBAAA,CACA,eAAA,CACA,MAAO,WAAP,CACA,gBAAA,CACA,iBAAA,CACA,aAAA,CACA,eAAA,CACA,cAAA,CACA,MAAO,iBAAP,CACA,WArVZ,MA4VE,KACE,aAAA,CACA,oBAAA,CACA,cAAA,CACA,UAAA,CACA,WAAA,CACA,eAAgB,oDAGlB,gBAAmC,kBAI/B,MADF,EACG,KACC,KACE,WAAA,CACA,WAAA,CACA,mBARR,MAaE,cACE,cAAA,CACA,cAKI,MAPN,aAIE,IAEE,GAAG,GACA,IAAI,cACH,kBAGF,MAXN,aAIE,IAEE,GAAG,GAKA,YACC,mBAOV,gBAAmC,kBAAnC,OACE,cAAA,CACA,gBAAA,CACA,YAIE,MADF,EACG,KACC,KACE,WAAA,CACA,YAVR,MAeE,cACE,qBAAA,CACA,oBAAA,CACA,eAlBJ,MAeE,aAME,KACE,WAAA,CACA,kBAvBN,MAeE,aAME,IAKE,aACE,aAAA,CACA,WAAA,CACA,SAAA,CACA,qBAAsB,uCAAtB,CACA,2BAAA,CACA,4BAAA,CACA,cAAA,CACA,MAAO,WAAP,CACA,eAAA,CAEA,cAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,gBA3CR,MAeE,aAME,IAyBE,IACE,aAAA,CACA,iBAAA,CACA,eAAA,CACA,iBAAA,CACA,QAAA,CACA,UAAA,CACA,YAEA,MAxCN,aAME,IAyBE,GASG,IAAI,QACH,aAIA,MA7CR,aAME,IAyBE,GAaE,GACG,IAAI,cACH,kBA7DZ,MAeE,aAME,IAyBE,GAaE,GAKE,GACE,eAjEZ,MAeE,aAwDE,EAAC,eACC,UAAA,CACA,WAAA,CACA,eAAgB,8DAAhB,CACA,mBAAA,CACA,eAAA,CACA,kBAKN,gBAAkC,iBAAlC,OACE,YADF,MAGE,YACE,oBAJJ,MAOE,cACE,aAAA,CACA,cAAA,CACA,aAAA,CACA,YAXJ,MAOE,aAME,KACE,iBAAA,CACA,MAAA,CACA,WAhBN,MAOE,aAYE,EAAC,eACC,UAAA,CACA,WAAA,CACA,wBAtBN,MA0BE,KACE,UAAA,CACA,WAAA,CACA,cAAA,CACA"}

css/header/style.less

@@ -130,7 +130,6 @@ header {
         display: none;
       }
 
-
       &[data-icon="phone"] {
         background: url(/assets/images/icons/icon-phone-black.svg) no-repeat center;
       }
@@ -279,6 +278,7 @@ header {
                   width: 100%;
                   margin-left: 0px;
                   margin-right: 0;
+                  padding-left: 20px;
                 }
               }
 

css/main/style.css

@@ -1981,6 +1981,7 @@ main aside .nav_toggle {
     text-overflow: ellipsis;
     max-width: 285px;
     overflow: hidden;
+    display: none;
   }
 }
 main aside .aside_nav {
@@ -2032,35 +2033,32 @@ main aside .aside_nav li a.active span {
 }
 @media all and (max-width: 1279px) {
   main aside .aside_nav {
-    display: block;
+    display: flex;
-    position: absolute;
+    overflow-x: auto;
-    background: #fff;
-    padding: 15px 20px;
-    top: 25px;
-    left: -10px;
-    max-width: 320px;
-    box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.16);
   }
-  main aside .aside_nav:not(.open) {
+  main aside .aside_nav li {
-    display: none;
+    margin-bottom: 0;
-  }
+    background: var(--inactive);
-  main aside .aside_nav li:not(:last-child) {
-    margin-bottom: 6px;
   }
   main aside .aside_nav li a {
     font-size: 15px;
     font-weight: 400;
     padding: 0;
     min-height: unset;
+    white-space: nowrap;
+    padding: 0 16px;
+    line-height: 42px;
   }
   main aside .aside_nav li a.active {
-    background-color: transparent;
+    background-color: var(--green);
-    color: var(--blue);
+    color: #fff;
   }
 }
 @media all and (max-width: 768px) {
   main aside .aside_nav {
     left: 0;
+    margin: 0 -16px;
+    padding: 0 16px;
   }
 }
 main aside .button {
@@ -2823,6 +2821,11 @@ main #order .container {
     margin-bottom: 30px;
   }
 }
+@media all and (max-width: 768px) {
+  .contract_table.schedule .table_row {
+    margin-bottom: 15px;
+  }
+}
 .contract_table.schedule .table_row .table_cell {
   width: 25%;
   min-width: 14%;
@@ -3627,6 +3630,7 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
 @media all and (max-width: 960px) {
   .helpBox_wrapper .helpBox.hidden {
     display: flex;
+    flex-wrap: wrap;
   }
 }
 .helpBox_wrapper .helpBox .avatar {
@@ -3665,15 +3669,18 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
   gap: 15px;
 }
 .helpBox_wrapper .helpBox .content .info a {
-  display: block;
+  display: flex;
+  align-items: center;
   width: auto;
   min-width: calc(33.33% - 15px);
   padding-left: 38px;
-  line-height: 26px;
+  line-height: 1.2;
+  min-height: 26px;
   font-size: 15px;
   color: #0C0C0C;
   box-sizing: border-box;
   background: url("/assets/images/icons/icon-messanger.svg") no-repeat left center;
+  word-break: break-word;
 }
 .helpBox_wrapper .helpBox .content .info a[href^="tel:"] {
   background: url("/assets/images/icons/icon-phone-blue.svg") no-repeat left center;
@@ -3692,6 +3699,12 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
     margin-bottom: 16px;
   }
 }
+@media all and (max-width: 960px) {
+  .helpBox_wrapper .helpBox .content {
+    width: 100%;
+    margin-top: 10px;
+  }
+}
 .helpBox_wrapper .helpBox .button {
   position: absolute;
   top: 5px;
@@ -3793,6 +3806,11 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
 .feed .feed_list {
   margin-right: -50px;
 }
+@media all and (max-width: 768px) {
+  .feed .feed_list {
+    margin-right: 0;
+  }
+}
 .feed .feed_list .slick-track {
   display: flex;
 }
@@ -3805,6 +3823,7 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
 }
 .feed .feed_list .slick-slide {
   margin-right: 30px;
+  width: 480px;
 }
 .feed .feed_list .slick-slide div {
   height: 100%;
@@ -3812,10 +3831,15 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
 .feed .feed_list .slick-slide:first-child {
   margin-left: 0;
 }
-@media (max-width: 1420px) {
+@media (max-width: 1279px) {
   .feed .feed_list .slick-slide {
-    width: 289px;
+    width: 289px !important;
-    min-width: 289px;
+    min-width: 289px !important;
+  }
+}
+@media all and (max-width: 768px) {
+  .feed .feed_list .slick-slide {
+    margin-right: 15px;
   }
 }
 .feed .slick-arrow {
@@ -3966,6 +3990,11 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
   color: var(--blue);
   font-weight: 600;
 }
+@media all and (max-width: 1279px) {
+  .changes {
+    min-height: 60vh;
+  }
+}
 .changes .block {
   margin-bottom: 55px;
 }
@@ -4158,6 +4187,7 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
   .calc .btn_group .button:nth-child(2) {
     order: 1;
     width: 100%;
+    min-width: 100% !important;
   }
 }
 @media all and (max-width: 768px) {
@@ -4204,26 +4234,49 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
 .compare .compare_top p {
   font-weight: 700;
 }
-.compare .compare_top p a {
-  font-weight: 400;
-  display: inline-block;
-  margin-left: 30px;
-}
 @media all and (max-width: 1279px) {
   .compare .compare_top p {
     margin-bottom: 12px;
     max-width: 60%;
   }
-  .compare .compare_top p a {
+}
+@media all and (max-width: 768px) {
+  .compare .compare_top p {
+    max-width: none;
+  }
+}
+.compare .compare_top a {
+  font-weight: 400;
+  display: inline-block;
+  margin-left: 30px;
+  margin-right: auto;
+}
+@media all and (max-width: 1279px) {
+  .compare .compare_top a {
     display: block;
     margin-left: 0;
     margin-top: 20px;
     font-weight: 700;
   }
 }
-@media all and (max-width: 768px) {
+@media all and (max-width: 1279px) {
+  .compare .compare_top {
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 10px;
+  }
+  .compare .compare_top a {
+    order: 1;
+    margin-top: 0;
+    margin-bottom: 15px;
+  }
   .compare .compare_top p {
-    max-width: none;
+    width: 100%;
+    order: 3;
+  }
+  .compare .compare_top button {
+    order: 2;
+    margin-bottom: 25px;
   }
 }
 .compare .compare_data {

css/main/style.less

@@ -2050,6 +2050,7 @@ main {
                     text-overflow: ellipsis;
                     max-width: 285px;
                     overflow: hidden;
+                    display: none;
             }
         }
         .aside_nav {
@@ -2108,33 +2109,26 @@ main {
             }
 
             @media all and (max-width: 1279px) {
-                display: block;
+                display: flex;
-                position: absolute;
+                
-                background: #fff;
+                overflow-x: auto;
-                padding: 15px 20px;
-                top: 25px;
-                left: -10px;
-                max-width: 320px;
-                box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.16);
-
-                &:not(.open) {
-                    display: none;
-                }
 
                 li {
-                    &:not(:last-child) {
+                    margin-bottom: 0;
-                    margin-bottom: 6px;
+                    background: var(--inactive);
-                    }
 
                     a {
                         font-size: 15px;
                         font-weight: 400;
                         padding: 0;
                         min-height: unset;
+                        white-space: nowrap;
+                        padding: 0 16px;
+                        line-height: 42px;
 
                         &.active {
-                            background-color: transparent;
+                            background-color: var(--green);
-                            color: var(--blue);
+                            color: #fff;
                         }
                     }
                 }
@@ -2142,6 +2136,8 @@ main {
 
             @media all and (max-width: 768px) {
                 left: 0;
+                margin: 0 -16px;
+                padding: 0 16px;
             }
         }
 
@@ -2351,7 +2347,6 @@ main {
     }
 }
 
-
 // Catalog
 .catalog_list {
     display: flex;
@@ -3091,6 +3086,10 @@ main {
                 margin-bottom: 30px;
             }
 
+            @media all and (max-width: 768px) {
+                margin-bottom: 15px;
+            }  
+            
             .table_cell {
                 width: 25%;
                 //min-width: 25%;
@@ -4047,6 +4046,7 @@ main .dropdown_blocks_list .dropdown_block .block_body {
 
 			@media all and (max-width: 960px) {
 				display: flex;
+                flex-wrap: wrap;
 			}
 		}
 
@@ -4094,15 +4094,18 @@ main .dropdown_blocks_list .dropdown_block .block_body {
                 gap: 15px;
 
                 a {
-                    display: block;
+                    display: flex;
+                    align-items: center;
                     width: auto;
                     min-width: calc(33.33% - 15px);
                     padding-left: 38px;
-                    line-height: 26px;
+                    line-height: 1.2;
+                    min-height: 26px;
                     font-size: 15px;
                     color: #0C0C0C;
                     box-sizing: border-box;
                     background: url("/assets/images/icons/icon-messanger.svg") no-repeat left center;
+                    word-break: break-word;
 
                     &[href^="tel:"] {
                         background: url("/assets/images/icons/icon-phone-blue.svg") no-repeat left center;
@@ -4125,6 +4128,11 @@ main .dropdown_blocks_list .dropdown_block .block_body {
                     }
                 }
             }
+
+            @media all and (max-width: 960px) {
+                width: 100%;
+                margin-top: 10px;
+            }
         }
 
 		.button {
@@ -4247,6 +4255,10 @@ main .dropdown_blocks_list .dropdown_block .block_body {
         //display: flex;
         margin-right: -50px;
 
+        @media all and (max-width: 768px) {
+            margin-right: 0;
+        }
+
         .slick-track {
             display: flex;
 
@@ -4262,6 +4274,7 @@ main .dropdown_blocks_list .dropdown_block .block_body {
 
         .slick-slide {
             margin-right: 30px;
+            width: 480px;
 
             div {height: 100%;}
 
@@ -4269,9 +4282,13 @@ main .dropdown_blocks_list .dropdown_block .block_body {
                 margin-left: 0;
             }
 
-            @media (max-width: 1420px) {
+            @media (max-width: 1279px) {
-                width: 289px;
+                width: 289px !important;
-                min-width: 289px;
+                min-width: 289px !important;
+            }
+
+            @media all and (max-width: 768px) {
+                margin-right: 15px;
             }
 
 
@@ -4445,7 +4462,10 @@ main .dropdown_blocks_list .dropdown_block .block_body {
 }
 
 .changes {
-    
+    @media all and (max-width:1279px) {
+        min-height: 60vh;
+        
+    }
     .block {
         margin-bottom: 55px;
 
@@ -4678,6 +4698,7 @@ main .dropdown_blocks_list .dropdown_block .block_body {
                 @media all and (max-width: 768px) {
                     order: 1;
                     width: 100%;
+                    min-width: 100% !important;
                 }
             }
         }
@@ -4731,28 +4752,55 @@ main .dropdown_blocks_list .dropdown_block .block_body {
         p {
             font-weight: 700;
 
-            a {
+            
-                font-weight: 400;
-                display: inline-block;
-                margin-left: 30px;
-            }
 
             @media all and (max-width: 1279px) {
                 margin-bottom: 12px;
                 max-width: 60%;
-
-                a {
-                    display: block;
-                    margin-left: 0;
-                    margin-top: 20px;
-                    font-weight: 700;
-                }
             }
 
             @media all and (max-width: 768px) {
                 max-width: none;
             }
         }
+
+        a {
+            font-weight: 400;
+            display: inline-block;
+            margin-left: 30px;
+            margin-right: auto;
+
+            @media all and (max-width: 1279px) {
+                display: block;
+                margin-left: 0;
+                margin-top: 20px;
+                font-weight: 700;
+            }
+        }
+
+        @media all and (max-width: 1279px) {
+            display: flex;
+            flex-wrap: wrap;
+            margin-bottom: 10px;
+
+            a {
+                order: 1;
+                margin-top: 0;
+                margin-bottom: 15px;
+            }
+
+            p {
+                width: 100%;
+                order: 3;
+
+                
+            }
+
+            button {
+                order: 2;
+                margin-bottom: 25px;
+            }
+        }
     }
 
     .compare_data {

pages/components/AnnouncementsList/index.js

@@ -58,11 +58,15 @@ class AnnouncementsList extends React.Component
 		this.state = {
 			company: {}, 
 			announcements: [], 
+			width: 1920
 		};
 	}
 
 	componentDidMount()
 	{
+		this.setState({
+			width: window.innerWidth
+		})
 		getAnnouncements().then((announcements) => this.setState({ announcements: announcements })).catch(() => {});
 	}
 
@@ -77,12 +81,11 @@ class AnnouncementsList extends React.Component
 			dots: false,
 			infinite: false,
 			speed: 500,
-			slidesToShow: 2,
+			slidesToShow: this.state.width < 1279 ? 1 : 2,
-			slidesToScroll: 1,
 			centerMode: false,
-			variableWidth: false,
+			variableWidth: this.state.width < 1279 ? true : false,
 			nextArrow: <NextArrow />,
-			prevArrow: <PrevArrow />,
+			prevArrow: <PrevArrow />
 		};
 
 		const { announcements } = this.state;

pages/contract/change/components/Comparison/index.js

@@ -211,10 +211,8 @@ export default class Comparison extends React.Component
 		return (
 			<article className="compare">
 				<div className="compare_top">
-					<p>
+					<p>Выбранный(ые) варианты изменения графика</p>
-						Выбранный(ые) варианты изменения графика
+					<a className="interactive" onClick={ this._handle_onOptions }>Вернуться к параметрам изменения графика</a>
-						<a className="interactive" onClick={ this._handle_onOptions }>Вернуться к параметрам изменения графика</a>
-					</p>
 					<button className="button button-blue" onClick={ this._handle_onDownloadPDF }>Скачать PDF</button>
 				</div>
 				<div className="compare_data">