From 2128b882893b3362fcd202a1a244d5516e7410ef Mon Sep 17 00:00:00 2001
From: Boris Voropaev <boris1voropaev@gmail.com>
Date: Tue, 19 Dec 2023 16:22:35 +0300
Subject: [PATCH] adaptive css

---
 .../layout/footer/footer.component.html       |  4 +-
 src/vniigaz-v2/css/_grid.scss                 |  6 ++
 src/vniigaz-v2/css/_tabs.scss                 | 69 ++++++++++---------
 3 files changed, 44 insertions(+), 35 deletions(-)

diff --git a/src/vniigaz-v2/component/layout/footer/footer.component.html b/src/vniigaz-v2/component/layout/footer/footer.component.html
index a94da07..529b7f4 100644
--- a/src/vniigaz-v2/component/layout/footer/footer.component.html
+++ b/src/vniigaz-v2/component/layout/footer/footer.component.html
@@ -8,10 +8,10 @@
     </div>
     <div class="contact">
       <div>
-        <a href="#">+7 (498) 657-45-18</a>
+        <a href="tel:+74986574518">+7 (498) 657-45-18</a>
       </div>
       <div>
-        <a href="#">info@vniigaz-cert.ru</a>
+        <a href="mailto:info@vniigaz-cert.ru">info@vniigaz-cert.ru</a>
       </div>
       <div>
         142717, Российская Федерация, Московская область, г. Видное, посёлок Развилка, ВНИИГАЗ
diff --git a/src/vniigaz-v2/css/_grid.scss b/src/vniigaz-v2/css/_grid.scss
index c0e9817..725dc79 100644
--- a/src/vniigaz-v2/css/_grid.scss
+++ b/src/vniigaz-v2/css/_grid.scss
@@ -24,6 +24,7 @@ jumbotron{
     height: 400px;
     background-size: cover;
     background-position: center;
+    max-height: 100vw;
     .jumbotron-content{
       height: 100%;
       display: flex;
@@ -42,6 +43,7 @@ jumbotron{
       h1{
         margin: 0;
         padding: $ps 0;
+        max-width: 100%;
       }
     }
   }
@@ -208,5 +210,9 @@ pages-menu-item{
       padding: 0 24px;
     }
   }
+  .copyright{
+    flex-direction: column;
+    gap: 24px;
+  }
 
 }
\ No newline at end of file
diff --git a/src/vniigaz-v2/css/_tabs.scss b/src/vniigaz-v2/css/_tabs.scss
index ad75363..be4dbe4 100644
--- a/src/vniigaz-v2/css/_tabs.scss
+++ b/src/vniigaz-v2/css/_tabs.scss
@@ -8,42 +8,45 @@
   &.simple {
     margin-bottom: 24px;
   }
-  button {
-    padding: 8px 20px;
+  >div{
     margin-right: -1px;
-    background: #ffffff;
-    border-radius: 4px 4px 0 0;
-    border: var(--prime) solid 1px;
-    color: var(--prime);
-    font-family: PT Sans;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 24px; /* 150% */
-    cursor: pointer;
-    &:last-child {
-      margin-right: 0;
-    }
-    span {
-      white-space: nowrap;
-    }
-    &:last-child {
+    button {
+      padding: 8px 20px;
+      background: #ffffff;
+      border-radius: 4px 4px 0 0;
+      border: var(--prime) solid 1px;
+      color: var(--prime);
+      font-family: PT Sans;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 24px; /* 150% */
+      cursor: pointer;
+      &:last-child {
+        margin-right: 0;
+      }
       span {
+        white-space: nowrap;
+      }
+      &:last-child {
+        span {
+        }
+      }
+      &.active {
+        color: #ffffff;
+        background-color: var(--prime);
+        border-color: var(--prime)
+      }
+      &.disabled {
+        opacity: 0.7;
+        cursor: not-allowed;
+      }
+      &:hover {
+        background-color:  var(--prime-act);
+        border-color:  var(--prime-act);
+        color: #ffffff;
       }
     }
-    &.active {
-      color: #ffffff;
-      background-color: var(--prime);
-      border-color: var(--prime)
-    }
-    &.disabled {
-      opacity: 0.7;
-      cursor: not-allowed;
-    }
-    &:hover {
-      background-color:  var(--prime-act);
-      border-color:  var(--prime-act);
-      color: #ffffff;
-    }
   }
+
 }