diff --git a/public/css/admin_new.css b/public/css/admin_new.css index 5a5241e1a..c1ec783f6 100644 --- a/public/css/admin_new.css +++ b/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; } diff --git a/resources/sass/admin_new/mobile/basic.scss b/resources/sass/admin_new/mobile/basic.scss index 229e1845d..b15fdca1f 100644 --- a/resources/sass/admin_new/mobile/basic.scss +++ b/resources/sass/admin_new/mobile/basic.scss @@ -69,6 +69,10 @@ fieldset { } } +.setting_horizontal_wrapper{ + flex-direction: column !important; +} + #vnosi_paginacija { div { select { diff --git a/resources/sass/admin_new/mobile/mobile.scss b/resources/sass/admin_new/mobile/mobile.scss index b060f12bf..f8467caa8 100644 --- a/resources/sass/admin_new/mobile/mobile.scss +++ b/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"; diff --git a/resources/sass/admin_new/mobile/pages/branching.scss b/resources/sass/admin_new/mobile/pages/branching.scss index 25196627e..43df048b8 100644 --- a/resources/sass/admin_new/mobile/pages/branching.scss +++ b/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; + } } } diff --git a/resources/sass/admin_new/mobile/pages/survey_theme.scss b/resources/sass/admin_new/mobile/pages/survey_theme.scss new file mode 100644 index 000000000..2674e601f --- /dev/null +++ b/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; + } + } + +} \ No newline at end of file