Redesign - responsive popravki

public/css/admin_new.css

@@ -31664,6 +31664,10 @@ fieldset textarea {
     height: auto !important;
   }
 
+  .setting_horizontal_wrapper {
+    flex-direction: column !important;
+  }
+
   #vnosi_paginacija div select {
     display: inline-block;
     width: fit-content;
@@ -32207,7 +32211,8 @@ header .mobile_menu .submenu:not(.no-transition) {
     align-items: left;
     width: 100%;
     height: auto;
-    padding: 30px 10px 20px 20px;
+    padding: 30px 0 20px 0;
+    box-sizing: border-box;
   }
   #branching #bottom_icons_holder .forma_bottom .forma_bottom_inner {
     display: flex;
@@ -32219,6 +32224,10 @@ header .mobile_menu .submenu:not(.no-transition) {
     margin: 0 11px 0 2px;
     padding: 0;
   }
+  #branching #bottom_icons_holder .forma_bottom .forma_bottom_inner button {
+    margin: 0;
+    padding: 0 12px;
+  }
 
   .toolbox_holder {
     display: none;
@@ -32409,6 +32418,41 @@ header .mobile_menu .submenu:not(.no-transition) {
     width: 100% !important;
   }
 
+  div.page_tema .theme_list {
+    flex-wrap: wrap;
+  }
+  div.page_tema .theme_list .theme {
+    margin-bottom: 8px;
+  }
+  div.page_tema .theme_list .options {
+    width: 100%;
+    flex-wrap: wrap;
+  }
+  div.page_tema .theme_list .options .button {
+    margin-bottom: 4px;
+  }
+  div.page_tema div#theme_grid_holder {
+    padding: 0;
+  }
+  div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label {
+    width: 100%;
+    height: auto;
+  }
+  div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options {
+    justify-content: flex-start;
+  }
+  div.page_tema div#theme_grid_holder div.div_theme_group div.theme_label .theme_label_options .button {
+    margin-right: 8px;
+  }
+
+  .page_theme-editor #theme-preview {
+    display: none;
+  }
+  .page_theme-editor #theme-editor .columns {
+    width: 100% !important;
+    flex-wrap: wrap;
+  }
+
   #srv_diagnostic br {
     display: none;
   }

resources/sass/admin_new/mobile/basic.scss

@@ -69,6 +69,10 @@ fieldset {
     }
 }
 
+.setting_horizontal_wrapper{
+    flex-direction: column !important;
+}
+
 #vnosi_paginacija {
 	div {
 		select {

resources/sass/admin_new/mobile/mobile.scss

@@ -60,6 +60,7 @@ $main_text: $grey_super_dark;
     @import "pages/status";
     @import "pages/branching";
     @import "pages/survey_settings";
+    @import "pages/survey_theme";
     @import "pages/testing";
     @import "pages/publish";
     @import "pages/data";

resources/sass/admin_new/mobile/pages/branching.scss

@@ -65,7 +65,8 @@
 
             width: 100%;
             height: auto;
-            padding: 30px 10px 20px 20px;
+            padding: 30px 0 20px 0;
+            box-sizing: border-box;
 
             .forma_bottom_inner{
                 display: flex;
@@ -78,6 +79,11 @@
                     margin: 0 11px 0 2px;
                     padding: 0;
                 }
+
+                button{
+                    margin: 0;
+                    padding: 0 12px;
+                }
             }
         }
         

resources/sass/admin_new/mobile/pages/survey_theme.scss

@@ -0,0 +1,54 @@
+div.page_tema{
+
+    .theme_list{
+        flex-wrap: wrap;
+
+        .theme{
+            margin-bottom: 8px;
+        }
+
+        .options{
+            width: 100%;
+            flex-wrap: wrap;
+
+            .button{
+                margin-bottom: 4px;
+            }
+        }
+    }
+
+
+    div#theme_grid_holder{
+        padding: 0;
+
+        div.div_theme_group div.theme_label{
+            width: 100%;
+            height: auto;
+
+            .theme_label_options{
+                justify-content: flex-start;
+
+                .button{
+                    margin-right: 8px;
+                }
+            }
+        }
+    }
+}
+
+
+.page_theme-editor{
+
+    #theme-preview{
+        display: none;
+    }
+    
+    #theme-editor{
+    
+        .columns{
+            width: 100% !important;
+            flex-wrap: wrap;
+        }
+    }
+
+}