aai popravki (header, gumbi)

frontend/simple/classes/DisplayController.php

@@ -160,13 +160,13 @@ class DisplayController{
                 echo '<span class="menu_item lang_switch">';
                 $params = '?' . (isset($_GET['a']) ? 'a='.$_GET['a'].'&' : '') . (isset($_GET['b']) ? 'b='.$_GET['b'].'&' : '');
                 if($this->lang_id == 1){
-                    echo '	<a href="'.$site_url.$this->root.'index.php'.$params.'lang_id=1">';
+                    echo '	<a href="'.$site_url.$this->root.'index.php'.$params.'lang_id=2">';
                     echo '		<div class="flag eng">'.$lang['lang_flag'].' </div> ';
                     
                     echo '	</a>';
                 }
                 else{
-                    echo '	<a href="'.$site_url.$this->root.'index.php'.$params.'lang_id=2">';
+                    echo '	<a href="'.$site_url.$this->root.'index.php'.$params.'lang_id=1">';
                     echo '		<div class="flag eng">'.$lang['lang_flag'].' </div> ';
                     
                     echo '	</a>';

frontend/simple/css/aai.css

@@ -39,7 +39,7 @@ header .nav-desktop span.menu_item a {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
-    line-height: 42px;
+    /* line-height: 42px; */
     
 }
 
@@ -57,9 +57,12 @@ header .logo a img {
 }
 
 header nav span.lang_switch img {
-    margin-right: 8px;
+    padding-right: 6px;
+}
+.flag {
+    display: flex;
+    align-items: unset;
 }
-
 
 
 #header-btn {
@@ -68,14 +71,16 @@ header nav span.lang_switch img {
     background-color: #F07D3E;
     border: 1px solid #F07D3E;
 
-    width: 105px;
-    height: 41px;
-    gap: 10px;
     font-weight: 700;
-    
+    padding: 6px 20px;
+
     text-transform: none;
     text-align: center;
 }
+.nav-desktop {
+    align-items: center;
+    padding-bottom: 16px;
+}
 
 #header-btn:hover {
     color: #F07D3E;
@@ -96,7 +101,7 @@ header nav span.lang_switch img {
     height: auto;
 
     padding-top: 105px;
-    padding-bottom: 210px;  
+    padding-bottom: 110px;  
 }
 
 
@@ -139,9 +144,8 @@ header nav span.lang_switch img {
     font-weight: 600;
     line-height: 26px;
 
-    padding: 0px 16px;
+    padding: 11px 16px;
-    height: 47px;
+    width: 286px;
-    width: 284px;
     background-color: #F07D3E;
     border: 1px solid #F07D3E;
     color: white;
@@ -169,6 +173,7 @@ header nav span.lang_switch img {
 
 .pomembne_povezave {
     background-color: #FCFCFC;
+    padding-top: 110px;
     padding-bottom: 210px;
 }
 
@@ -186,6 +191,7 @@ header nav span.lang_switch img {
     line-height: 36px;
 
     text-align: center;
+    margin-top: 0px;
     margin-bottom: 70px;
     
 }
@@ -207,6 +213,18 @@ header nav span.lang_switch img {
     text-align: center;
     max-width: min(254px,25%);
 }
+.povezave .col:nth-of-type(1) {
+    margin-right: 5px;
+}
+.povezave .col:nth-of-type(4) {
+    margin-left: 5px;
+}
+.povezave .col:nth-of-type(2),
+.povezave .col:nth-of-type(3) {
+    margin-left: 5px;
+    margin-right: 5px;
+}
+
 .povezave_img{
     height: 100px;
     width: 100px;
@@ -243,10 +261,9 @@ header nav span.lang_switch img {
     font-weight: 600;
     line-height: 26px;
 
-    padding: 0px 16px;
+    padding: 11px 16px;
     margin: 0px 20px;
     max-width: 183px;
-    height: 47px;
     
     background: linear-gradient(to left, #F07D3E 50%, white 50%) right;
     background-size: 200%;
@@ -423,7 +440,7 @@ input[type=button]:hover,
     }
 
     .pomembne_povezave {
-        padding-bottom: 140px;
+        padding-top: 68px;
     }
     
     .povezave{
@@ -434,7 +451,6 @@ input[type=button]:hover,
     }
 
     .title {
-        margin-top: 118px;
         margin-bottom: 0px;
         
     }
@@ -454,6 +470,7 @@ input[type=button]:hover,
     .povezave .col:nth-of-type(2),
     .povezave .col:nth-of-type(4) {
         margin-right: 20px;
+        margin-left: 0px;
     }
 
     .povezave .col p {
@@ -463,7 +480,7 @@ input[type=button]:hover,
         min-height: unset;
         margin-bottom: 25px;
     }
-    @media screen and (max-width: 740px) {
+    @media screen and (max-width: 715px) {
         .povezave .col p {
             min-height: 80px;
         }
@@ -538,7 +555,6 @@ input[type=button]:hover,
 
     .hero-container {
         padding-top: 50px;
-        padding-bottom: 96px;
     }
     .hero-container .text {
         max-width: 100%;
@@ -561,6 +577,7 @@ input[type=button]:hover,
     }
 
     .pomembne_povezave {
+        padding-top: 46px;
         padding-bottom: 96px;
     }
 
@@ -614,7 +631,7 @@ input[type=button]:hover,
         position: relative;
 
 
-        bottom: 15px;
+        bottom: 30px;
         
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
@@ -726,17 +743,17 @@ input[type=button]:hover,
 
     /* ------------------------------------------------- */
     footer {
-        margin: 0px 16px;
+        margin: 0px;
+        padding: 0px;
+
     }
 
     footer .footer_content {
         /* background-color: rgb(184, 184, 184); */
 
-        
-
         display: flex;
         flex-direction: row;
-        flex-wrap: wrap;
+        flex-wrap: wrap; 
     }
 
     footer .footer_content h2 {
@@ -768,8 +785,7 @@ input[type=button]:hover,
 
 
     footer .footer_content .col1{
-        max-width: 100%;
+        width: 100%;   
-        width: 100%;
     }
 
 
@@ -779,12 +795,6 @@ input[type=button]:hover,
         width: 50%;  
     }
 
-    /* footer .footer_content .col4 {
-        max-height: 400px;
-        height: 400px;
-    } */
-
-
     footer .footer_content .col .logo_holder {
         flex-direction: column;
         justify-content: unset;