From 7ff68638c616ebe2dce3b43406b3a6341488d9b8 Mon Sep 17 00:00:00 2001
From: urospodkriznik <uros.podkriznik@gmail.com>
Date: Sun, 23 Oct 2022 19:05:33 +0200
Subject: [PATCH] =?UTF-8?q?drupal=20-=20naravnanje=20search=20ikone=20v=20?=
 =?UTF-8?q?menuju;=20resposnive=20vseh=20pojavnih=20oken;=20popravki=20v?=
 =?UTF-8?q?=20ceniku=20po=20matja=C5=BEu;=20v=20pojavnih=20oknih=20spremem?=
 =?UTF-8?q?be=20textov,=20velikosti=20ikon,=20ravnanje=20checkbox,=20razda?=
 =?UTF-8?q?lje=20med=20dividerji;=20prenova=20pojavnih=20oken=20za=20prija?=
 =?UTF-8?q?vo=20z=20ostalimi=20ra=C4=8Duni=20in=20izgubljeno=20geslo=20+?=
 =?UTF-8?q?=20responsive?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/prijava-block.html.twig         |   5 +-
 .../prijava-obnovitev-gesla-block.html.twig   |   7 +-
 .../prijava-z-racuni-modal-block.html.twig    |  11 +-
 .../templates/registracija-block.html.twig    |   5 +-
 .../web/themes/custom/pro1ka/css/style.css    | 128 +++++++++--
 .../custom/pro1ka/sass/bacis/icons.scss       |   4 -
 .../custom/pro1ka/sass/bolaric/1ka.scss       |  10 +-
 .../custom/pro1ka/sass/components/_menu.scss  |   1 +
 .../custom/pro1ka/sass/components/_popup.scss | 201 +++++++++++++++++-
 .../custom/pro1ka/sass/pages/cenik.scss       |  13 ++
 .../templates/page--ostale-storitve.html.twig |   6 +-
 lang/1.php                                    |  10 +-
 lang/2.php                                    |  10 +-
 13 files changed, 347 insertions(+), 64 deletions(-)

diff --git a/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-block.html.twig b/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-block.html.twig
index d75f0c803..3b8d32c26 100644
--- a/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-block.html.twig
+++ b/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-block.html.twig
@@ -93,8 +93,9 @@
 
                         <div class="w-clearfix">
                             <div class="col _3-3-3-12">
-                                <div class="checkbox-field">
+                                <div class="checkbox-field" style="display: flex;">
                                     <input type="checkbox" id="rememberMe" name="remember" value="1" class="cb">
+                                    &nbsp;
                                     <span class="checkbox-display"></span>
                                     <span id="rememberMelabel">
                                         <label for="rememberMe" class="checkbox-label w-form-label">
@@ -143,7 +144,7 @@
 
                         <div class="ikona ikona-custom-login ikona-google" data-login="google">
                             <div class="op-gumb">
-                                <img alt="{{ lang['login_with_google'] }}" src="/tema1ka/svg/google_logo.svg" style="height: 1.5rem;"/>
+                                <img alt="{{ lang['login_with_google'] }}" src="/tema1ka/svg/google_logo.svg"/>
                                 {{ lang['login_with_google'] }}
                             </div>
                         </div>
diff --git a/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-obnovitev-gesla-block.html.twig b/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-obnovitev-gesla-block.html.twig
index 6910cead5..5216985a8 100644
--- a/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-obnovitev-gesla-block.html.twig
+++ b/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-obnovitev-gesla-block.html.twig
@@ -17,14 +17,15 @@
                 <input type="hidden" name="jezik" value="{{  jezik }}"/>
 
                 <div class="w-clearfix">
-                    <div class="col _4-4-12-12">
+                    <div {# class="col _4-4-12-12" #}>
                         <p> {{ lang['cms_reset_password_text'] }}</p>
                     </div>
                 </div>
 
                 <div class="w-clearfix">
-                    <div class="col _3-3-3-12">
-                        <input type="email" value="" name="obnovitev-email" id="obnovitev-gesla-email" class="input-field w-input" placeholder="{{  lang['email'] }}" />
+                    <div {# class="col _3-3-3-12" #}>
+                        <label>{{ lang['email'] }}</label>
+                        <input type="email" value="" name="obnovitev-email" id="obnovitev-gesla-email" class="input-field w-input" />
                     </div>
                 </div>
 
diff --git a/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-z-racuni-modal-block.html.twig b/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-z-racuni-modal-block.html.twig
index 8914e5aea..4ff8bec5c 100644
--- a/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-z-racuni-modal-block.html.twig
+++ b/frontend/drupal9/web/modules/custom/prijava_1ka/templates/prijava-z-racuni-modal-block.html.twig
@@ -1,5 +1,5 @@
 {#{% if(prijavljen) %}#}
-s  <div class="rexister-modal" id="modal-other-login">
+  <div class="rexister-modal" id="modal-other-login">
 
       <div class="modal-box"><img src="/tema1ka/img/ikone/zapri.svg" class="closemodal">
 
@@ -10,7 +10,7 @@ s  <div class="rexister-modal" id="modal-other-login">
               <h3 id="login-facebook-title">{{  lang['login_with_facebook'] }}</h3>
               <h3 id="login-aai-title">{{ lang['login_with_aai_title'] }}</h3>
             </div>
-          </div>'
+          </div>
 
         <div class="w-form" style="text-align: justify;">
           <input type="hidden" name="jezik" value="{{ jezik }}"/>
@@ -34,8 +34,9 @@ s  <div class="rexister-modal" id="modal-other-login">
 
           <div>
             <div class="col toppadding">
-              <div class="checkbox-field w-checkbox checkbox-agree">
+              <div class="checkbox-field w-checkbox checkbox-agree" style="display: flex;">
                 <input type="checkbox" id="cutom-login-agree" name="agree" value="1" class="cb w-checkbox-input" required="required">
+                &nbsp;
                 <span class="checkbox-display"></span>
                 <span id="agreelabel">
                   <label for="cutom-login-agree" class="checkbox-label w-form-label">{{ lang['srv_gdpr_frontend_external_login_agree'] | raw }}</label>
@@ -60,8 +61,8 @@ s  <div class="rexister-modal" id="modal-other-login">
 
           <div>
             <div class="col w-clearfix">
-              <button class="submit-btn w-button prijava-ostale-nazaj" style="float: left;">{{ lang['back'] }}</button>
-              <input type="submit" value="{{ lang['srv_custom_report_alert_yes'] }}" class="submit-btn w-button" id="submit-other-login" style="float:right;">
+              <button class="submit-btn w-button gumb prijava-ostale-nazaj" style="float: left;">{{ lang['back'] }}</button>
+              <input type="submit" value="{{ lang['srv_custom_report_alert_yes'] }}" class="submit-btn w-button gumb" id="submit-other-login" style="float:right;">
             </div>
           </div>
 
diff --git a/frontend/drupal9/web/modules/custom/registracija_1ka/templates/registracija-block.html.twig b/frontend/drupal9/web/modules/custom/registracija_1ka/templates/registracija-block.html.twig
index fc39ac067..94dac79e5 100644
--- a/frontend/drupal9/web/modules/custom/registracija_1ka/templates/registracija-block.html.twig
+++ b/frontend/drupal9/web/modules/custom/registracija_1ka/templates/registracija-block.html.twig
@@ -65,8 +65,9 @@
                                 <div
                                     class="toppadding">
                                     {#                                // Pogoji uporabe#}
-                                    <div class="checkbox-field">
+                                    <div class="checkbox-field" style="display: flex;">
                                         <input type="checkbox" id="IAgree" name="agree" value="1" class="cb" required="required">
+                                        &nbsp;
                                         <span class="checkbox-display {% if obvestila['missing_agree'] %} error-field {% endif %}"></span>
                                         <span id="agreelabel" {% if obvestila['missing_agree'] %} error-field {% endif %}>
                                             <label for="IAgree" class="checkbox-label w-form-label">
@@ -122,7 +123,7 @@
 
                         <div class="ikona ikona-custom-login  ikona-google" data-login="google">
                             <div class="op-gumb">
-                                <img alt="{{ lang['login_with_google'] }}" src="/tema1ka/svg/google_logo.svg" style="height: 1.5rem;"/>
+                                <img alt="{{ lang['login_with_google'] }}" src="/tema1ka/svg/google_logo.svg"/>
                                 {{ lang['login_with_google'] }}
                             </div>
                         </div>
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
index d8fe3e76f..66f67045d 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
+++ b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css
@@ -505,8 +505,6 @@ body {
 
 .accordion-title-block {
   display: flex; }
-  .accordion-title-block .accordion-icon {
-    margin-top: 9px; }
 
 .section.uvodni-slider {
   padding-top: 0;
@@ -1104,6 +1102,8 @@ ul.seznam-tem {
     background-color: #fff; }
     .modal .modal-box.modal-registration, .rexister-modal .modal-box.modal-registration {
       max-width: 1000px; }
+    .modal .modal-box .obnovitev-gesla-email, .rexister-modal .modal-box .obnovitev-gesla-email {
+      margin-top: 6px; }
     .modal .modal-box .paragraph, .rexister-modal .modal-box .paragraph {
       text-align: center; }
     .modal .modal-box p a, .rexister-modal .modal-box p a {
@@ -1119,11 +1119,10 @@ ul.seznam-tem {
       cursor: pointer; }
     .modal .modal-box h3, .rexister-modal .modal-box h3 {
       margin-top: 0px;
-      margin-bottom: 20px;
+      margin-bottom: 16px;
       font-size: 30px;
       line-height: 48px;
-      font-weight: 400;
-      text-transform: uppercase; }
+      font-weight: 400; }
       .modal .modal-box h3.center, .rexister-modal .modal-box h3.center {
         margin: auto;
         padding-bottom: 25px; }
@@ -1269,9 +1268,10 @@ ul.seznam-tem {
         font-weight: 600; }
   .modal #submit-lost-password, .rexister-modal #submit-lost-password {
     width: 250px;
-    margin: auto !important;
+    margin-left: auto !important;
     text-align: center;
-    text-transform: uppercase; }
+    text-transform: uppercase;
+    margin-right: 0 !important; }
     .modal #submit-lost-password .button-label, .rexister-modal #submit-lost-password .button-label {
       margin: auto; }
   .modal .error, .modal .oznacen-rdec, .rexister-modal .error, .rexister-modal .oznacen-rdec {
@@ -1279,6 +1279,8 @@ ul.seznam-tem {
   .modal label, .rexister-modal label {
     font-weight: 600;
     margin: 0; }
+  .modal .w-form, .rexister-modal .w-form {
+    margin: 0; }
 
 .dva-stolpca {
   display: flex; }
@@ -1308,9 +1310,10 @@ ul.seznam-tem {
         .dva-stolpca .preko-racunov .ostale-prijave .op-gumb:hover {
           background: #f8f8f8; }
         .dva-stolpca .preko-racunov .ostale-prijave .op-gumb img {
-          height: 1.6rem;
-          width: 52px;
-          padding-right: 1rem;
+          height: 20px;
+          width: 20px;
+          margin-top: 3px;
+          margin-right: 10px;
           float: left; }
       .dva-stolpca .preko-racunov .ostale-prijave .aai-prijava-small {
         font-size: 0.8rem;
@@ -1345,7 +1348,6 @@ ul.seznam-tem {
     padding-right: 1rem;
     min-width: 310px; }
   .dva-stolpca .prijava.forma {
-    padding-right: 1rem;
     width: 100%;
     min-width: 300px; }
   .dva-stolpca .error-message {
@@ -1410,7 +1412,8 @@ ul.seznam-tem {
       height: 18px;
       min-width: 18px;
       min-height: 18px;
-      margin-top: 4px; }
+      margin-top: 4px;
+      margin-right: 5px; }
     .dva-stolpca .checkbox-field label {
       font-weight: 400; }
 
@@ -1462,6 +1465,88 @@ ul.seznam-tem {
   #modal-individualno-svetovanje a img {
     height: 48px; }
 
+@media (max-width: 991px) {
+  .dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb {
+    max-width: 165px;
+    padding: 0.5rem; }
+    .dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb img {
+      height: 2.6rem;
+      width: 52px;
+      padding-right: 1rem;
+      float: left; } }
+@media screen and (max-width: 767px) {
+  .modal-box {
+    margin: auto 20px;
+    padding-right: 25px !important;
+    padding-left: 25px !important;
+    padding-bottom: 20px !important;
+    max-height: 90%; }
+    .modal-box #agreelabel .checkbox-label {
+      line-height: normal; }
+    .modal-box #cutom-login-agree {
+      align-self: start; }
+    .modal-box .col {
+      padding-left: 0 !important;
+      padding-right: 0 !important; }
+    .modal-box .button {
+      margin-right: 0 !important; }
+    .modal-box .naslov-url {
+      margin-bottom: 10px; }
+      .modal-box .naslov-url.plain {
+        text-align: unset; }
+    .modal-box .registracija .w-form {
+      padding: 0 !important; }
+      .modal-box .registracija .w-form .input_row {
+        flex-direction: column; }
+        .modal-box .registracija .w-form .input_row .left_col, .modal-box .registracija .w-form .input_row .right_col {
+          width: 100% !important;
+          padding: 0 !important; }
+    .modal-box #register-form-confirm .buttons {
+      flex-direction: column !important; }
+    .modal-box .row {
+      margin-left: 0 !important;
+      margin-right: 0 !important; }
+    .modal-box #submit-lost-password {
+      width: 100%; }
+    .modal-box .dva-stolpca {
+      display: flex;
+      flex-direction: column; }
+      .modal-box .dva-stolpca h4 {
+        margin-left: 0; }
+      .modal-box .dva-stolpca .col p.besedilo {
+        margin-bottom: 0; }
+      .modal-box .dva-stolpca .col .submit-btn {
+        max-width: unset;
+        margin: 25px 0; }
+      .modal-box .dva-stolpca .submit-prijava {
+        margin-top: 0 !important;
+        margin-bottom: 16px !important; }
+      .modal-box .dva-stolpca .preko-racunov {
+        border-left: unset; }
+        .modal-box .dva-stolpca .preko-racunov h3 {
+          margin: 0; }
+        .modal-box .dva-stolpca .preko-racunov .ostale-prijave {
+          width: 100%;
+          display: flex; }
+          .modal-box .dva-stolpca .preko-racunov .ostale-prijave .ikona-custom-login {
+            max-width: unset; }
+            .modal-box .dva-stolpca .preko-racunov .ostale-prijave .ikona-custom-login .op-gumb {
+              margin-left: 0 !important;
+              max-width: unset; }
+          .modal-box .dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb {
+            max-width: 100%;
+            padding: 1 rem; }
+            .modal-box .dva-stolpca .preko-racunov .ostale-prijave .ikona .gumb img {
+              height: 1.6rem; }
+      .modal-box .dva-stolpca .intro-modal .besedilo {
+        min-height: auto; }
+      .modal-box .dva-stolpca .intro-modal.intro-1ka {
+        padding-left: 0;
+        padding-top: 26px; }
+      .modal-box .dva-stolpca .intro-modal.intro-aai {
+        padding-right: 0;
+        border-right: 0;
+        border-bottom: 2px solid #D1D1D1; } }
 input.form-text, input.form-submit {
   display: block;
   width: 100%;
@@ -2013,7 +2098,8 @@ input.error-field {
       .nav-menu .block-menu .desni-elementi .searchbutton,
       .mobile-nav-menu .block-menu .desni-elementi .searchbutton {
         margin-top: 4px;
-        z-index: 999; }
+        z-index: 999;
+        align-self: auto; }
     .nav-menu .block-menu .menu-icon,
     .mobile-nav-menu .block-menu .menu-icon {
       display: none;
@@ -2281,7 +2367,7 @@ a {
       max-width: unset;
       width: unset; }
       .div-block-17 .buttons-row a.main-button-white {
-        margin-bottom: 10px; } }
+        margin-bottom: 16px; } }
 #search-api-page-block-form-iskanje {
   display: flex; }
   #search-api-page-block-form-iskanje .js-form-type-search {
@@ -2412,7 +2498,12 @@ a {
 
 @media screen and (max-width: 991px) {
   .cenik-prikaz .ostale-storitve.w-70 .compare-col {
-    text-align: center; } }
+    text-align: center; }
+  .cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title {
+    min-width: 70%; }
+    .cenik-prikaz .ostale-storitve .accordion-title-block .accordion-title.title-cena.full_width {
+      width: 100%;
+      text-align: center; } }
 .iskani-rezultat p {
   color: #333; }
 .iskani-rezultat h3 {
@@ -6429,8 +6520,8 @@ p {
 
   .compare-col-frame {
     margin-top: 106px;
-    margin-left: 10px;
-    margin-right: 10px; }
+    margin-left: 20px;
+    margin-right: 20px; }
 
   .sidelink {
     padding-right: 19px; }
@@ -6510,9 +6601,6 @@ p {
     display: flex;
     align-items: center; }
 
-  .accordion-title-block .accordion-icon {
-    margin-top: 0; }
-
   .ostale-storitve .accordion-title-block {
     display: block; }
     .ostale-storitve .accordion-title-block .title-cena {
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/icons.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/icons.scss
index a8fef540b..645cd88d1 100755
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/icons.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/icons.scss
@@ -1,7 +1,3 @@
 .accordion-title-block{
   display: flex;
-
-  .accordion-icon {
-    margin-top: 9px;
-  }
 }
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss
index 82c4b7c6b..ee84c8356 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss
@@ -2583,8 +2583,8 @@ p {
 
   .compare-col-frame {
     margin-top: 106px;
-    margin-left: 10px;
-    margin-right: 10px;
+    margin-left: 20px;
+    margin-right: 20px;
   }
 
   .sidelink {
@@ -2678,12 +2678,6 @@ p {
     align-items: center;
   }
 
-  .accordion-title-block{
-    .accordion-icon{
-      margin-top: 0;
-    }
-  }
-
   .ostale-storitve{
     .accordion-title-block{
       display: block;
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss
index e1cc5b5b4..2aa812aea 100755
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss
@@ -137,6 +137,7 @@
       .searchbutton {
         margin-top: 4px;
         z-index: 999;
+        align-self: auto;
       }
     }
 
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_popup.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_popup.scss
index b7d897364..56e14cde3 100755
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_popup.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_popup.scss
@@ -36,6 +36,10 @@
         max-width: 1000px;
       }
 
+    .obnovitev-gesla-email{
+      margin-top: 6px;
+    }
+
     .paragraph{
       text-align: center;
     }
@@ -59,12 +63,12 @@
 
     h3{
       margin-top: 0px;
-      margin-bottom: 20px;
+      margin-bottom: 16px;
       font-size: 30px;
       line-height: 48px;
       font-weight: 400;
 
-      text-transform: uppercase;
+      //text-transform: uppercase;
 
       &.center{
         margin: auto;
@@ -302,9 +306,10 @@
 
   #submit-lost-password{
     width: 250px;
-    margin: auto !important;
+    margin-left: auto !important;
     text-align: center;
     text-transform: uppercase;
+    margin-right: 0 !important;
 
     .button-label{
       margin: auto;
@@ -319,6 +324,10 @@
     font-weight: 600;
     margin: 0;
   }
+
+  .w-form{
+    margin: 0;
+  }
 }
 
 .dva-stolpca {
@@ -365,9 +374,10 @@
         }
 
         img {
-          height: 1.6rem;
-          width: 52px;
-          padding-right: 1rem;
+          height: 20px;
+          width: 20px;
+          margin-top: 3px;
+          margin-right: 10px;
           float: left;
         }
       }
@@ -422,7 +432,7 @@
   }
 
   .prijava.forma {
-    padding-right: 1rem;
+    //padding-right: 1rem;
     width: 100%;
     min-width: 300px;
   }
@@ -523,6 +533,7 @@
       min-width: 18px;
       min-height: 18px;
       margin-top: 4px;
+      margin-right: 5px;
     }
 
     label{
@@ -597,4 +608,180 @@
   }
 }
 
+@media (max-width: 991px) {
+  //Registracijska forma
+  .dva-stolpca {
+    .preko-racunov {
+      .ostale-prijave {
+
+        .ikona {
+          .gumb {
+            max-width: 165px;
+            padding: 0.5rem;
+
+            img {
+              height: 2.6rem;
+              width: 52px;
+              padding-right: 1rem;
+              float: left;
+            }
+          }
+
+
+        }
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .modal-box {
+    //width: 100%;
+    //min-height: 100vh;
+    margin: auto 20px;
+    padding-right: 25px !important;
+    padding-left: 25px !important;
+    padding-bottom: 20px !important;
+
+    max-height: 90%;
+
+    #agreelabel{
+      .checkbox-label{
+        line-height: normal;
+      }
+    }
+
+    #cutom-login-agree{
+      align-self: start;
+    }
+
+    .col{
+      padding-left: 0 !important;
+      padding-right: 0 !important;
+    }
+
+    .button{
+      margin-right: 0 !important;
+    }
+
+    .naslov-url{
+      margin-bottom: 10px;
+
+      &.plain{
+        text-align: unset;
+      }
+    }
+
+    .registracija{
+      .w-form{
+        padding: 0 !important;
+        .input_row{
+          flex-direction: column;
+          .left_col, .right_col{
+            width: 100% !important;
+            padding: 0 !important;
+          }
+        }
+      }
+    }
+
+    #register-form-confirm{
+      .buttons{
+        flex-direction: column !important;
+      }
+    }
+
+    .row{
+      margin-left: 0 !important;
+      margin-right: 0 !important;
+    }
+
+    #submit-lost-password{
+      width: 100%;
+    }
+
+    //Registracijska forma
+    .dva-stolpca {
+      display: flex;
+      flex-direction: column;
+
+      h4{
+        margin-left: 0;
+      }
+
+      .col {
+        p.besedilo{
+          margin-bottom: 0;
+        }
+  
+        .submit-btn{
+          max-width: unset;
+          margin: 25px 0;
+        }
+      }
+
+      .submit-prijava{
+        margin-top: 0 !important;
+        margin-bottom: 16px !important;
+      }
+
+      .preko-racunov {
+        h3 {
+          margin: 0;
+        }
+
+        border-left: unset;
+
+        .ostale-prijave {
+          width: 100%;
+          display: flex;
+
+          .ikona-custom-login{
+            max-width: unset;
+  
+            .op-gumb{
+              margin-left: 0 !important;
+              max-width: unset;
+            }
+          }
+
+          .ikona {
+            .gumb {
+              max-width: 100%;
+              padding: 1 rem;
+
+              img {
+                height: 1.6rem;
+              }
+            }
+          }
+        }
+      }
+
+      .intro-modal{
+        .besedilo{
+          min-height: auto;
+        }
+
+        // 1ka prijava
+        &.intro-1ka{
+          padding-left: 0;
+          padding-top: 26px;
+        }
+
+        // Arnes prijava
+        &.intro-aai {
+          padding-right: 0;
+          border-right: 0;
+          border-bottom: 2px solid $siva;
+        }
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 479px) {
+
+}
+
 
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/pages/cenik.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/pages/cenik.scss
index 253598735..7de82dfc8 100644
--- a/frontend/drupal9/web/themes/custom/pro1ka/sass/pages/cenik.scss
+++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/pages/cenik.scss
@@ -78,6 +78,19 @@
           text-align: center;
         }
       }
+
+      .accordion-title-block {
+        .accordion-title {
+          min-width: 70%;
+
+          &.title-cena {
+            &.full_width{
+              width: 100%;
+              text-align: center;
+            }
+          }
+        }
+      }
     }
   }
 }
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--ostale-storitve.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--ostale-storitve.html.twig
index ef00b5e4f..405b3f33b 100755
--- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--ostale-storitve.html.twig
+++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--ostale-storitve.html.twig
@@ -546,7 +546,7 @@ END HEADER #}
                               CONTINUOUS METHODOLOGICAL ASSISTANCE
                             {% endif %}
                           </div>
-                          <div class="accordion-title title-cena">750 € / {{ language.id == 'sl' ? 'leto' : 'year' }}</div>
+                          <div class="accordion-title title-cena full_width">750 € / {{ language.id == 'sl' ? 'leto' : 'year' }}</div>
                         </div>
                       </div>
                       <div class="accordion-toggle active data-1">
@@ -591,7 +591,7 @@ END HEADER #}
                               CONTINUOUS TECHNICAL SUPPORT IN THE EVENT OF OWN INSTALLATION ON 1KA SERVER
                             {% endif %}
                           </div>
-                          <div class="accordion-title title-cena">750 € / {{ language.id == 'sl' ? 'leto' : 'year' }}</div>
+                          <div class="accordion-title title-cena full_width">750 € / {{ language.id == 'sl' ? 'leto' : 'year' }}</div>
                         </div>
                       </div>
                       <div class="accordion-toggle active data-1">
@@ -643,7 +643,7 @@ END HEADER #}
                               CONTINUOUS TECHNICAL SUPPORT IN THE EVENT OF OWN INSTALLATION ON THE USER'S SERVER
                             {% endif %}
                           </div>
-                          <div class="accordion-title title-cena">750 € / {{ language.id == 'sl' ? 'leto' : 'year' }}</div>
+                          <div class="accordion-title title-cena full_width">750 € / {{ language.id == 'sl' ? 'leto' : 'year' }}</div>
                         </div>
                       </div>
                       <div class="accordion-toggle active data-1">
diff --git a/lang/1.php b/lang/1.php
index b6f162582..85c727dbd 100644
--- a/lang/1.php
+++ b/lang/1.php
@@ -1637,7 +1637,7 @@ $lang = array (
 	"cms_register_link" => "Registracija",
 	"cms_login_link" => "Prijava",
 	"cms_register_title" => "Registracija novega uporabnika",
-	"cms_register_new_user_email" => "Registracija z elektronskim naslovom",
+	"cms_register_new_user_email" => "Z elektronskim naslovom",
 	"cms_register_other_email" => "Z uporabniškim računom",
 	"cms_login_title_block" => "Prijava uporabnika",
 	"cms_register_login_link" => "Že imate račun? <a href='#URL#' id=\"odpri-prijavo\">Prijavite se</a>",
@@ -6943,7 +6943,7 @@ $lang = array (
 	'login_create_own'							=> 	'Izdelaj svojo',
 	'login_create_right'						=> 	'<span class="strong">PRIJAVA</span><br /> in <br /><span class="strong">REGISTRACIJA</span>',
 	'login_with_account'						=> 	'Prijavi se z ra&#269;unom',
-	'login_with_google'							=> 	'Gmail prijava',
+	'login_with_google'							=> 	'Google prijava',
 	'login_with_facebook'						=> 	'Facebook prijava',
 	'login_with_aai'               				 => 'ARNES AAI-prijava',
 	'login_with_aai_title'						=>  '1KA.ARNES.SI',
@@ -8376,10 +8376,10 @@ $lang = array (
 	'srv_gdpr_notification_reminder'	=> "*Odgovor na vprašanje je obvezen.",
   	'srv_gdpr_user_options'        				 => 'Prejemanje obvestil',
 	'srv_gdpr_frontend_register'				=>	'Registracija novega uporabnika 1KA',
-	'srv_gdrp_frontend_cookie'    				=>  'Za izboljšanje uporabniške izkušnje, vam bomo kot prijavljenim uporabnikom dodelili piškotke (<strong><a target="_blank" href="https://www.1ka.si/d/sl/o-1ka/pogoji-uporabe-storitve-1ka/politika-piskotkov">pojasnilo</a></strong>).',
-	'srv_gdpr_frontend_external_login' 			=> "Elektronski naslov s katerim se boste registrirali na naši spletni strani, bomo uporabljali in hranili zgolj za potrebe uporabe uporabniškega imena v orodju 1KA in ga bomo skrbno varovali v skladu s predpisi.",
+	'srv_gdrp_frontend_cookie'    				=>  'Za izboljšanje uporabniške izkušnje vam bomo kot prijavljenim uporabnikom dodelili piškotke (<strong><a target="_blank" href="https://www.1ka.si/d/sl/o-1ka/pogoji-uporabe-storitve-1ka/politika-piskotkov">pojasnilo</a></strong>).',
+	'srv_gdpr_frontend_external_login' 			=> "Elektronski naslov, s katerim se boste registrirali na naši spletni strani, bomo uporabljali in hranili zgolj za potrebe uporabe uporabniškega imena v orodju 1KA in ga bomo skrbno varovali v skladu s predpisi.",
 //	'srv_gdpr_frontend_external_login_more' 	=> 'Vašega emaila ne bomo pod nobenimi pogoji posredovali tretjim osebam ali ga uporabljali v druge namene. Vaš email bomo hranili toliko časa, kolikor bo aktiven vaš uporabniški račun v orodju 1KA. Za vsakega uporabnika beležimo naslednje informacije: elektronski naslov, ime (vzdevek), tip uporabnika, jezik vmesnika, datum registracije, datum zadnje prijave, naročilo na prejemanje novic.',
-  	'srv_gdpr_frontend_external_login_agree' 	=> 'Strinjam se s <strong><a href="https://www.1ka.si/d/sl/o-1ka/pogoji-uporabe-storitve-1ka" target="_blank">splošnimi pogoji uporabe</a></strong> in namestitvijo piškotkov.',
+  	'srv_gdpr_frontend_external_login_agree' 	=> 'Strinjam se s <strong><a href="https://www.1ka.si/d/sl/o-1ka/pogoji-uporabe-storitve-1ka" target="_blank">splošnimi pogoji uporabe</a></strong> in namestitvijo piškotkov',
   	'srv_gdpr_frontend_login' 					=> 'Prijava obstoječega uporabnika',
 	'srv_gdpr_frontend_login_text' 				=> 'Strinjam se s <strong><a href="https://www.1ka.si/d/sl/o-1ka/pogoji-uporabe-storitve-1ka" target="_blank">splošnimi pogoji uporabe</a></strong> uporabe in namestitvijo <strong><a href="https://www.1ka.si/d/sl/o-1ka/pogoji-uporabe-storitve-1ka" target="_blank">piškotkov</a></strong>.',
 
diff --git a/lang/2.php b/lang/2.php
index d1870acf6..3634d0437 100644
--- a/lang/2.php
+++ b/lang/2.php
@@ -1623,10 +1623,10 @@ $lang = array (
 	"cms_register_link" => 'Register',
 	"cms_login_link" => 'Login',
     "cms_register_title" => "Registering a new user",
-    "cms_register_new_user_email" => "Registration with email",
+    "cms_register_new_user_email" => "With email",
     "cms_register_other_email" => "With account",
     "cms_login_title_block" => "Login user",
-    "cms_register_login_link" => "Do you have an account? <a href='#URL#' id=\"odpri-prijavo\">Sign in</a>",
+    "cms_register_login_link" => "Do you have an account? <a href='#URL#' id=\"odpri-prijavo\">Login</a>",
     "cms_login_registration_link" => "Do not have an account at 1KA? <a href='#URL#' id=\"odpri-registracijo\">Register</a>",
     "cms_register_mandatory_field" => "Mandatory field",
 	"cms_search" => "Search",
@@ -6825,8 +6825,8 @@ $lang = array (
 	'login_create_own'							=> 	'Create own',
 	'login_create_right'						=> 	'<span class="strong">LOGIN</span><br /> and <br /><span class="strong">REGISTRATION</span>',
 	'login_with_account'						=> 	'Login with account',
-	'login_with_google'							=> 	'Gmail',
-	'login_with_facebook'						=> 	'Facebook',
+	'login_with_google'							=> 	'Gmail Sign In',
+	'login_with_facebook'						=> 	'Facebook Sign In',
 	'login_with_aai'                            => 'ARNES AAI-account',
     'login_with_aai_title'                      => '1KA.ARNES.SI',
   'login_with_aai_small_text'			=>  '<b>Students, researchers, teachers</b> and others with AAI access can sign up for <b> free use </b> of all 1KA functionality with their <b> existing AAI account </b> or <b> digital identity </b>.',
@@ -8272,7 +8272,7 @@ GDPR introduction preview",
   	'srv_gdrp_frontend_cookie'    =>  'This site uses cookies to improve user experience for logged in users. (<strong><a target="_blank" href="https://www.1ka.si/d/en/about/terms-of-use/cookie-policy">Cookie policy</a></strong>).',
   	'srv_gdpr_frontend_external_login' => "We will use and store the e-mail address to register on our website for the purpose of using the 1KA username and we will carefully protect it according to the regulations.",
 //	'srv_gdpr_frontend_external_login_more' => 'Vašega emaila ne bomo pod nobenimi pogoji posredovali tretjim osebam ali ga uporabljali v druge namene. Vaš email bomo hranili toliko časa, kolikor bo aktiven vaš uporabniški račun v orodju 1KA. Za vsakega uporabnika beležimo naslednje informacije: elektronski naslov, ime (vzdevek), tip uporabnika, jezik vmesnika, datum registracije, datum zadnje prijave, naročilo na prejemanje novic.',
-  	'srv_gdpr_frontend_external_login_agree' => 'I agree with <strong><a href="https://www.1ka.si/d/en/about/terms-of-use" target="_blank">the general conditions of use</a></strong> and using cookies.',
+  	'srv_gdpr_frontend_external_login_agree' => 'I agree with <strong><a href="https://www.1ka.si/d/en/about/terms-of-use" target="_blank">the general conditions of use</a></strong> and using cookies',
   	'srv_gdpr_frontend_login' => 'Login',
   	'srv_gdpr_frontend_login_text' => 'I agree with <strong><a href="https://www.1ka.si/d/sl/o-1ka/pogoji-uporabe-storitve-1ka" target="_blank">the general terms of use</a></strong> and <strong><a href="https://www.1ka.si/d/en/about/terms-of-use/cookie-policy" target="_blank">cookie policy</a></strong>.',