diff --git a/public/css/admin_new.css b/public/css/admin_new.css index 23ab2a1f7..823eae297 100644 --- a/public/css/admin_new.css +++ b/public/css/admin_new.css @@ -24911,16 +24911,17 @@ div#vabila div.niceurl span.faicon { cursor: pointer; } div#vabila div.more { - display: flex; - flex-direction: row; - flex-wrap: wrap; - gap: 16px; + display: grid; + grid-template-columns: 1fr 1fr 1fr; + column-gap: 32px; + row-gap: 14px; } div#vabila div.more div.more_block { height: auto; - width: 464px; + width: 100%; + max-width: 298px; background-color: #FFFFFF; - border: 1px solid #E5E5E5; + border: 1px solid red; padding: 16px; font-size: 14px; cursor: pointer; @@ -25010,8 +25011,13 @@ div#general_popup div.popup_content.publish.settings div#publish_settings_more { } @media screen and (max-width: 1130px) { - .more_block { - width: 42% !important; + .more { + grid-template-columns: 1fr 1fr !important; + column-gap: 32px; + row-gap: 14px; + } + .more .more_block { + max-width: 92% !important; } } @media screen and (max-width: 1025px) { @@ -25039,6 +25045,9 @@ div#general_popup div.popup_content.publish.settings div#publish_settings_more { .page_vabila #vabila .button_holder #nice_url_holder .buttons { margin: 9px 0px 0px 0px !important; } + div#vabila div.more div.more_block { + width: 89% !important; + } } @media screen and (max-width: 725px) { h2 { @@ -25046,9 +25055,12 @@ div#general_popup div.popup_content.publish.settings div#publish_settings_more { } } @media screen and (max-width: 660px) { + .page_vabila #vabila .more { + grid-template-columns: 1fr !important; + } .page_vabila #vabila .more .more_block { - width: unset !important; width: 100% !important; + max-width: 93% !important; } .page_vabila #vabila .more .more_block #text { width: 100%; diff --git a/resources/sass/admin_new/pages/survey_objava/pregled.scss b/resources/sass/admin_new/pages/survey_objava/pregled.scss index 4efaf9319..9eaed7b32 100644 --- a/resources/sass/admin_new/pages/survey_objava/pregled.scss +++ b/resources/sass/admin_new/pages/survey_objava/pregled.scss @@ -185,18 +185,21 @@ div#vabila { // Več načinov deljenja ankete div.more { - display: flex; - flex-direction: row; - flex-wrap: wrap; + display: grid; + grid-template-columns: 1fr 1fr 1fr; + column-gap: 32px; + row-gap: 14px; - gap: 16px; + div.more_block { height: auto; - width: 464px; + width: 100%; + max-width: 298px; + background-color: $white; - border: 1px solid $gray; + border: 1px solid red; padding: 16px; @@ -259,6 +262,8 @@ div#vabila { } + + // div.more_block:first-of-type{ // .more_title{ // color: #FFC700; @@ -337,10 +342,17 @@ div#general_popup { } -@media screen and (max-width: 1130px){ +@media screen and (max-width: 1130px) { - .more_block{ - width: 42% !important; + .more { + grid-template-columns: 1fr 1fr !important; + column-gap: 32px; + row-gap: 14px; + + .more_block{ + // max-width: 470px !important; + max-width: 92% !important; + } } } @@ -413,6 +425,9 @@ div#general_popup { } + div#vabila div.more div.more_block { + width: 89% !important; + } } @@ -431,9 +446,12 @@ div#general_popup { .more{ + grid-template-columns: 1fr !important; + + .more_block{ - width: unset !important; width: 100% !important; + max-width: 93% !important; #text { width: 100%;