1@media (max-width: 767px) { 2 .goal-summary { 3 text-align: center; 4 padding: 0px 40px; 5 } 6} 7@media (max-width: 480px) { 8 .goal-summary { 9 padding: 0px; 10 } 11} 12 13@media (max-width: 767px) { 14 .signup-input { 15 width: 75%; 16 max-width: 100%%; 17 } 18} 19@media (max-width: 480px) { 20 .signup-input { 21 width: 100%; 22 max-width: 100%%; 23 } 24 .sign-up-form .btn.btn-signup { 25 margin:10px 0px; 26 width:100%; 27 display:block; 28 } 29} 30 31/* media manager and config manager for mobile */ 32@media screen and (max-width: 480px){ 33 fieldset, 34 #mediamanager__page, 35 #mediamanager__page .filelist{ 36 max-width: 100%; min-width: unset; 37 } 38 #mediamanager__page .file, 39 #mediamanager__page .namespaces, 40 #mediamanager__page .panel { 41 width: 100%; clear: both; float: none; 42 } 43 /*.page li, .page dd { margin: 1.35em 0px !important; }*/ 44 #config__manager tr { } 45 #config__manager td { display: block; padding: 1.15em 0px; max-width: 75%; } 46 47 #config__manager fieldset { width: 100%; box-sizing: border-box; margin: 0px ;} 48 49 /* make <select> not exceed it's parent div's width */ 50 /* https://stackoverflow.com/q/44810056/337306 */ 51 div.input { display: flex; } select { width: 100%; flex-shrink: 1; } 52 53 #config__manager fieldset td.value { width: unset; } 54 55 #config__manager td .input, 56 #config__manager fieldset td.value, 57 input, textarea, 58 #config__manager td input.edit, 59 #config__manager td textarea.edit { 60 max-width: 100%; 61 width: unset; 62 } 63}