diff --git a/src/styles/general.scss b/src/styles/general.scss index 0987852..764879d 100644 --- a/src/styles/general.scss +++ b/src/styles/general.scss @@ -519,3 +519,110 @@ body { } } } + +@media (max-width: 415px) { + .global_segment { + padding: 0 6px; + + .title_bar { + font-size: 11pt; + } + + .language_bar { + font-size: 11pt; + } + + .segment_general { + .segment_image { + width: 80px; + height: 100px; + } + + .segment_content_image { + width: 75px; + height: 95px; + padding: 6px; + font-size: 3.5pt; + } + + .segment_header_middle { + left: 75px; + right: 90px; + } + + .segment_title_image { + margin-left: -8px; + height: 26px; + font-size: 10pt; + } + + .segment_description_general { + font-size: 5.5pt; + margin: 4px 4px 4px 10px; + } + } + + .segment_title { + width: 130px; + font-size: 10pt; + height: 28px; + } + + .segment_content_work { + font-size: 7pt; + + .segment_content_title { + font-size: 7.5pt; + } + + ul { + margin-left: 14px; + } + + ul li { + padding-top: 4px; + } + + ul li::before { + margin-left: -4.25em; + } + } + + .segment_description { + font-size: 6.5pt; + margin: 4px 0 4px 10px; + } + + .captcha-container .captcha-form { + width: 85px; + height: 105px; + font-size: 6pt; + padding: 0 5px; + + p { + margin-top: 4px; + margin-bottom: 4px; + font-size: 6pt; + } + + a { + padding-left: 15px; + padding-right: 15px; + font-size: 6pt; + } + + form { + margin-top: 2px; + } + + .captcha-input { + margin-bottom: 2px; + } + + .captcha-input, .captcha-button { + padding: 3px; + font-size: 5pt; + } + } + } +} \ No newline at end of file