From a00123a37b5e49ea9238de89151c8c6eca071a35 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nejc=20Kova=C4=8D?= <nejc.kouko@gmail.com>
Date: Mon, 18 Jul 2022 10:50:41 +0200
Subject: [PATCH] Objava - pregled

---
 admin/survey/SurveyAdminSettings.php          |  1 +
 public/css/admin_new.css                      | 33 +++++++-
 public/img/icons/lock_yellow.svg              |  6 ++
 .../pages/survey_objava/pregled.scss          | 82 ++++++++++++++++++-
 4 files changed, 119 insertions(+), 3 deletions(-)
 create mode 100644 public/img/icons/lock_yellow.svg

diff --git a/admin/survey/SurveyAdminSettings.php b/admin/survey/SurveyAdminSettings.php
index 5fd1ee2c6..c97d9b0f4 100644
--- a/admin/survey/SurveyAdminSettings.php
+++ b/admin/survey/SurveyAdminSettings.php
@@ -2797,6 +2797,7 @@ class SurveyAdminSettings {
 			echo '<div class="more_title">';
 			echo '<div class="more_title_icon"><span class="faicon inv_sent_1 empty"></span></div>';
 			echo $lang['srv_publication_invitations'];
+			echo '<img class= "mail_yellow" src="/public\img\icons\lock_yellow.svg">';
 			echo '</div>';
 			echo $lang['srv_publication_invitations_text'];
 		echo '</div>';
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index 3ad9e8245..eed51eb39 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -24596,11 +24596,20 @@ div#vabila div.more div.more_block div.more_title div.more_title_icon span.fa-1
   bottom: 1px;
   right: 1px;
 }
+div#vabila div.more div.more_block div.more_title .mail_yellow {
+  margin-left: 32px;
+}
 div#vabila div.more div.more_block div.more_title a.help {
   color: inherit;
   text-decoration: none;
   margin-left: 5px;
 }
+div#vabila div.more div.more_block:first-of-type .more_title {
+  color: #FFC700;
+}
+div#vabila div.more div.more_block:first-of-type span.faicon.empty {
+  color: #FFC700;
+}
 
 div#general_popup div.popup_content.publish {
   max-width: 600px;
@@ -24646,7 +24655,7 @@ div#general_popup div.popup_content.publish.settings div#publish_settings_more {
   display: none;
 }
 
-@media screen and (max-width: 1300px) {
+@media screen and (max-width: 1025px) {
   #vabila .copy_survey_url_holder .input_box {
     width: 300px;
   }
@@ -24658,6 +24667,28 @@ div#general_popup div.popup_content.publish.settings div#publish_settings_more {
   }
   #vabila .button_holder #nice_url_holder {
     margin: 16px 0px !important;
+    flex-direction: row;
+  }
+}
+@media screen and (max-width: 850px) {
+  .page_vabila #vabila .button_holder #nice_url_holder {
+    flex-direction: row !important;
+  }
+  .page_vabila #vabila .button_holder #nice_url_holder .buttons {
+    margin: 0px !important;
+  }
+}
+@media screen and (max-width: 725px) {
+  h2 {
+    font-size: 20px !important;
+  }
+}
+@media screen and (max-width: 500px) {
+  .page_vabila #vabila .button_holder #nice_url_holder {
+    flex-direction: column !important;
+  }
+  .page_vabila #vabila .button_holder #nice_url_holder .buttons {
+    margin: 0px !important;
   }
 }
 .page_invitations .invitations_holder.half-half {
diff --git a/public/img/icons/lock_yellow.svg b/public/img/icons/lock_yellow.svg
new file mode 100644
index 000000000..c623e3512
--- /dev/null
+++ b/public/img/icons/lock_yellow.svg
@@ -0,0 +1,6 @@
+<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.76 6.16H10.57V2.24C10.57 1.00275 9.56725 0 8.33 0H3.99C2.75275 0 1.75 1.00275 1.75 2.24V6.16H0.56C0.25025 6.16 0 6.41025 0 6.72V13.44C0 13.7498 0.25025 14 0.56 14H11.76C12.0697 14 12.32 13.7498 12.32 13.44V6.72C12.32 6.41025 12.0697 6.16 11.76 6.16ZM6.65 10.3075V11.235C6.65 11.312 6.587 11.375 6.51 11.375H5.81C5.733 11.375 5.67 11.312 5.67 11.235V10.3075C5.52554 10.2038 5.41772 10.0569 5.36205 9.88802C5.30638 9.71912 5.30574 9.53692 5.36022 9.36764C5.41469 9.19835 5.52148 9.05072 5.6652 8.94599C5.80892 8.84126 5.98217 8.78483 6.16 8.78483C6.33783 8.78483 6.51108 8.84126 6.6548 8.94599C6.79852 9.05072 6.90531 9.19835 6.95978 9.36764C7.01426 9.53692 7.01362 9.71912 6.95795 9.88802C6.90228 10.0569 6.79446 10.2038 6.65 10.3075ZM9.31 6.16H3.01V2.24C3.01 1.69925 3.44925 1.26 3.99 1.26H8.33C8.87075 1.26 9.31 1.69925 9.31 2.24V6.16Z" fill="#FFC700"/>
+</svg>
+
+
+
diff --git a/resources/sass/admin_new/pages/survey_objava/pregled.scss b/resources/sass/admin_new/pages/survey_objava/pregled.scss
index d48d8bcc4..b5c3d08fa 100644
--- a/resources/sass/admin_new/pages/survey_objava/pregled.scss
+++ b/resources/sass/admin_new/pages/survey_objava/pregled.scss
@@ -246,6 +246,10 @@ div#vabila {
                     }
                 }
 
+                .mail_yellow{
+                    margin-left: 32px;
+                }
+
                 a.help {
                     color: inherit;
                     text-decoration: none;
@@ -255,6 +259,16 @@ div#vabila {
             }
 
         }
+
+        div.more_block:first-of-type{
+            .more_title{
+                color: #FFC700;
+            }
+
+            span.faicon.empty{
+                color: #FFC700;
+            }
+        }
     }
 
 }
@@ -324,7 +338,7 @@ div#general_popup {
 }
 
 
-@media screen and (max-width: 1300px){
+@media screen and (max-width: 1025px){
 
     #vabila{
 
@@ -346,6 +360,9 @@ div#general_popup {
 
             #nice_url_holder {
                 margin: 16px 0px !important;
+                flex-direction: row;
+
+
             }
 
 
@@ -355,7 +372,68 @@ div#general_popup {
 
 
    } 
+        
+}
+
+@media screen and (max-width: 850px) {
+    .page_vabila{
+
+        #vabila{
+
+            .button_holder{
+    
+                #nice_url_holder {
+
+                    flex-direction: row !important;
+
+                    .buttons{
+                        margin: 0px !important;
+                    }
+
+                }
+
+
+        
+            }
+    
+       } 
+
+    }
     
 
+}
+
+@media screen and (max-width: 725px) {
+
+    h2 {
+        font-size: 20px !important ;
+    }
+}
+
+@media screen and (max-width: 500px) {
+    .page_vabila{
+
+        #vabila{
+
+            .button_holder{
     
-}
\ No newline at end of file
+                #nice_url_holder {
+
+                    flex-direction: column !important;
+
+                    .buttons{
+                        margin: 0px !important;
+                    }
+
+                }
+
+
+        
+            }
+    
+       } 
+
+    }
+    
+
+}