From b37c94ca107450dfcf137fd9e298d692a1caf370 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nejc=20Kova=C4=8D?= <nejc.kouko@gmail.com>
Date: Wed, 27 Jul 2022 15:14:39 +0200
Subject: [PATCH] Urejanje --> oblika: css test

---
 admin/survey/classes/class.SurveyTheme.php    | 56 ++++++++++++-------
 public/css/admin_new.css                      | 23 +++++++-
 public/img/icons/dots.svg                     |  3 +
 .../pages/survey_edit/oblika_teme.scss        |  9 ++-
 4 files changed, 67 insertions(+), 24 deletions(-)
 create mode 100644 public/img/icons/dots.svg

diff --git a/admin/survey/classes/class.SurveyTheme.php b/admin/survey/classes/class.SurveyTheme.php
index 8b6f3abb3..e99b8da9c 100644
--- a/admin/survey/classes/class.SurveyTheme.php
+++ b/admin/survey/classes/class.SurveyTheme.php
@@ -371,17 +371,23 @@ class SurveyTheme {
 		//Gumbi
 		echo '<div class="options">';
 
-		//Predogled
-		echo '<div class="button theme_links_preview" src="'.$preview_link.'" title="'.$lang['srv_poglejanketo2'].'">';
-		echo '<span class="faicon fa-desktop"></span>';
-		echo $lang['srv_poglejanketo2'];
-		echo '</div>';
+		echo '<img src="\public\img\icons\dots.svg">';
 
-		//Prilagodi		
-		echo '<div class="button" onclick="window.location.href='.$modify_link.'" title="'.$lang['srv_te_theme_edit'].'">';
-		echo '<span class="faicon palette"></span>';
-		echo $lang['srv_te_theme_edit'];
-		echo '</div>';
+			echo '<div class= "buttons-window active">';
+
+				//Predogled
+				echo '<div class="button theme_links_preview" src="'.$preview_link.'" title="'.$lang['srv_poglejanketo2'].'">';
+				echo '<span class="faicon fa-desktop"></span>';
+				echo $lang['srv_poglejanketo2'];
+				echo '</div>';
+
+				//Prilagodi		
+				echo '<div class="button" onclick="window.location.href='.$modify_link.'" title="'.$lang['srv_te_theme_edit'].'">';
+				echo '<span class="faicon palette"></span>';
+				echo $lang['srv_te_theme_edit'];
+				echo '</div>';
+
+			echo '</div>';
 		
 		echo '</div>';
 
@@ -417,17 +423,23 @@ class SurveyTheme {
 		//Gumbi
 		echo '<div class="options">';
 
-		//Predogled
-		echo '<div class="button theme_links_preview" src="'.$preview_link_mobile.'" title="'.$lang['srv_poglejanketo2'].'">';
-		echo '<span class="faicon fa-desktop"></span>';
-		echo $lang['srv_poglejanketo2'];
-		echo '</div>';
+		echo '<img src="\public\img\icons\dots.svg">';
 
-		//Prilagodi		
-		echo '<div class="button" onclick="window.location.href='.$modify_link_mobile.'" title="'.$lang['srv_te_theme_edit'].'">';
-		echo '<span class="faicon palette"></span>';
-		echo $lang['srv_te_theme_edit'];
-		echo '</div>';
+			echo '<div class= "buttons-window active">';
+
+				//Predogled
+				echo '<div class="button theme_links_preview" src="'.$preview_link.'" title="'.$lang['srv_poglejanketo2'].'">';
+				echo '<span class="faicon fa-desktop"></span>';
+				echo $lang['srv_poglejanketo2'];
+				echo '</div>';
+
+				//Prilagodi		
+				echo '<div class="button" onclick="window.location.href='.$modify_link.'" title="'.$lang['srv_te_theme_edit'].'">';
+				echo '<span class="faicon palette"></span>';
+				echo $lang['srv_te_theme_edit'];
+				echo '</div>';
+
+			echo '</div>';
 		
 		echo '</div>';
 
@@ -581,6 +593,8 @@ class SurveyTheme {
 				//Gumbi
 				echo '<div class="options">';
 
+				echo '<img src="\public\img\icons\dots.svg">';
+
 				//Aktiviraj
 				echo '<div class="button" onclick="te_change_profile(\''.$row['id'].'\', true); return false;" title="'.$lang['srv_te_theme_activate2'].'">';
 				echo '<span class="faicon fa-hand-pointer"></span>';
@@ -633,6 +647,8 @@ class SurveyTheme {
 				//Gumbi
 				echo '<div class="options">';
 
+				echo '<img src="\public\img\icons\dots.svg">';
+
 				//Aktiviraj
 				echo '<div class="button" onclick="te_change_profile(\''.$row['id'].'\', true, true); return false;" title="'.$lang['srv_te_theme_activate2'].'">';
 				echo '<span class="faicon fa-hand-pointer"></span>';
diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index 2435ffb1a..0ef3cf0f3 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -5117,7 +5117,7 @@ p, span {
 }
 
 .bold {
-  font-weight: 400;
+  font-weight: 800;
 }
 
 .semi-bold {
@@ -9816,6 +9816,17 @@ fieldset {
   margin-inline-end: 0;
   border: 1px solid #E5E5E5;
 }
+fieldset .bold {
+  font-weight: 400;
+  color: #1E88E5;
+  text-decoration: underline;
+}
+fieldset .spaceLeft {
+  display: flex;
+}
+fieldset .authority_name {
+  font-weight: 800;
+}
 fieldset legend {
   padding: 0 15px;
   font-size: 16px;
@@ -20692,6 +20703,12 @@ div.page_tema div.theme_list div.theme span.desc {
 div.page_tema div.theme_list div.options {
   display: flex;
   flex-direction: row;
+  position: relative;
+}
+div.page_tema div.theme_list div.options div.buttons-window {
+  position: absolute;
+  bottom: 12px;
+  max-width: 113px;
 }
 div.page_tema div.theme_list div.options div.button {
   background: #FFFFFF;
@@ -20699,7 +20716,7 @@ div.page_tema div.theme_list div.options div.button {
   box-sizing: border-box;
   border-radius: 2px;
   height: 28px;
-  width: fit-content;
+  width: 100%;
   display: flex;
   align-items: center;
   padding: 7px 12px;
@@ -27977,7 +27994,7 @@ and open the template in the editor.
 .setting_horizontal_wrapper {
   display: flex;
   flex-direction: row;
-  margin-bottom: 16px;
+  margin-bottom: 0px;
 }
 .setting_horizontal_wrapper .setting_holder {
   margin-right: 32px;
diff --git a/public/img/icons/dots.svg b/public/img/icons/dots.svg
new file mode 100644
index 000000000..93519738c
--- /dev/null
+++ b/public/img/icons/dots.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="4" viewBox="0 0 14 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.25 2C10.25 1.03344 11.0344 0.25 12 0.249999C12.9656 0.249999 13.75 1.03344 13.75 2C13.75 2.96656 12.9656 3.75 12 3.75C11.0344 3.75 10.25 2.96656 10.25 2ZM5.25 2C5.25 1.03344 6.03438 0.25 7 0.25C7.96562 0.25 8.75 1.03344 8.75 2C8.75 2.96656 7.96562 3.75 7 3.75C6.03438 3.75 5.25 2.96656 5.25 2ZM3.75 2C3.75 2.96656 2.96563 3.75 2 3.75C1.03344 3.75 0.25 2.96656 0.25 2C0.25 1.03344 1.03344 0.25 2 0.25C2.96562 0.25 3.75 1.03344 3.75 2Z" fill="#1E88E5"/>
+</svg>
diff --git a/resources/sass/admin_new/pages/survey_edit/oblika_teme.scss b/resources/sass/admin_new/pages/survey_edit/oblika_teme.scss
index b802fe623..9985059c6 100644
--- a/resources/sass/admin_new/pages/survey_edit/oblika_teme.scss
+++ b/resources/sass/admin_new/pages/survey_edit/oblika_teme.scss
@@ -59,6 +59,13 @@ div.page_tema {
         div.options {
             display: flex;
             flex-direction: row;
+            position: relative;
+
+            div.buttons-window{
+                position: absolute;
+                bottom: 12px;
+                max-width: 113px;
+            }
 
             div.button {
                 background: $white;
@@ -67,7 +74,7 @@ div.page_tema {
                 border-radius: 2px;
 
                 height: 28px;
-                width: fit-content;
+                width: 100%;
 
                 display: flex;
                 align-items: center;